Ответ 1
fieldset {
border: 0;
}
Какой самый простой способ удалить строки border <fieldset>
?
Я имею в виду кросс-браузерное решение... возможно?
fieldset {
border: 0;
}
fieldset {
border:0 none;
}
(в отношении комментария Марко)
Что касается позиционирования/стилизации <legend>
, я скрываю <legend>
(по-прежнему помещаю туда только семантику) и вместо этого позиционирую/стилю <h2>
. Я нахожу, что эта настройка дает мне хорошие варианты стилизации для моих полей.
HTML:
<fieldset>
<legend>Enter Name</legend>
<h2>Enter Name</h2>
<p>
<label for="name">Name:</label>
<br />
<input type="text" name="firstname" id="name" />
</p>
<p>
<input type="submit" value="Submit" />
</p>
</fieldset>
CSS
fieldset{
border:2px solid gray;
padding:1em;
float:left;
font-family:Arial;
}
legend{
display:none;
}
h2{
border-bottom:2px solid gray;
margin:1em 0;
}
p{
margin:1em 0;
}
Вот быстрый простой способ его стиля.
назначьте класс или id элементу fieldset, а затем поместите его в css.
<fieldset class="fieldset">
или
<fieldset id="fieldset">
css.fieldset {
border: none;
}
или
fieldset {
border: none;
}