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

Question

Что является самым простым способом удалить границу линии <fieldset>?

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

Answer 1

fieldset { 
    border: 0; 
} 

Answer 2

fieldset { 
    border:0 none; 
} 

Answer 3

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

Что касается позиционирования/стилизации <legend>, я скрыть <legend> (до сих пор положить один там просто быть семантическая), а также позиции/style вместо <h2>. Я нахожу, что эта настройка дает мне хорошие варианты стилизации для моих полей.

• jsFiddle

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; 
} 

Answer 4

Вот быстрый легкий эффективный способ стилизовать ..

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

<fieldset class="fieldset"> 

или

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

или

fieldset { 
border: none; 
}