Подтвердить что ты не робот

Какой самый простой способ удалить пограничные линии <fieldset>?

Какой самый простой способ удалить строки border <fieldset>?

Я имею в виду кросс-браузерное решение... возможно?

4b9b3361

Ответ 1

fieldset {
    border: 0;
}

Ответ 2

fieldset {
   border:0 none;
}

Ответ 3

(в отношении комментария Марко)

Что касается позиционирования/стилизации <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;
}

Ответ 4

Вот быстрый простой способ его стиля.

назначьте класс или id элементу fieldset, а затем поместите его в css.

<fieldset class="fieldset"> 

или

<fieldset id="fieldset">
css.fieldset {
border: none;
}   

или

fieldset {
border: none;
}