<fieldset> सीमा रेखाओं को निकालने का सबसे आसान तरीका क्या है?

Question

सीमा<fieldset> की रेखाओं को हटाने का सबसे आसान तरीका क्या है?

मेरा मतलब है एक क्रॉस-ब्राउज़र समाधान ... क्या यह संभव है?

Answer 1

fieldset { 
    border: 0; 
} 

Answer 2

fieldset { 
    border:0 none; 
} 

Answer 3

(मार्को की टिप्पणी के संबंध में) जहां तक ​​स्थिति/<legend> स्टाइल, मैं छिपाने के रूप में <legend> (अभी भी एक वहाँ में डाल सिर्फ अर्थ है), और स्थिति/इसके बजाय <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> 

सीएसएस: ..

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 class="fieldset"> 

या

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

या

fieldset { 
border: none; 
}