2010-09-18 17 views
31

मैं फ़ील्ड सेट के सीमा रंग को सेट करना चाहता हूं। मैं कक्षा का उपयोग कर रहा हूं लेकिन यह ठीक से काम नहीं कर रहा है क्योंकि मैं फ़ील्डसेट डिफ़ॉल्ट सीमा रंग को हटाना चाहता हूं। तो मैं फ़ील्ड सीमा रंग का उपयोग कैसे कर सकता हूं।मैं फ़ील्ड सीमा रंग को कैसे परिभाषित कर सकता हूं?

<fieldset class="field_set"> 
    <legend>box</legend> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
       <td>&nbsp;</td> 
      </tr> 
     </table> 
</fieldset> 

सीएसएस

.field_set{ 
border-color:#F00; 
} 
+0

धन्यवाद गोविंदन .. :) –

उत्तर

47

यह Firefox और IE 8 पर लाल दिखाई देता है लेकिन शायद आप border-style भी बदलने की जरूरत है।

.field_set{ 
 
    border-color: #F00; 
 
    border-style: solid; 
 
}
<fieldset class="field_set"> 
 
    <legend>box</legend> 
 
    <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
 
    <tr> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    </table> 
 
</fieldset>

alt text

+0

शानदार :)। बहुत बहुत धन्यवाद – Naruto

+0

ब्रेसिज़ के भीतर का हिस्सा छोटा कर दिया जा सकता है: 'सीमा: ठोस # एफ 00;' – bphilipnyc

9

यह मेरे लिए काम करता है जब मैं पूरा border संपत्ति परिभाषित करते हैं। (JSFiddle here)

.field_set{ 
border: 1px #F00 solid; 
}​ 

कारण border-style कि fieldsets लिए डिफ़ॉल्ट रूप से none पर सेट किया जाता है। आपको उस पर भी ओवरराइड करने की आवश्यकता है।

2

आप 3 डी सीमा उपयोग नहीं करना चाहते हैं:

border:#f00 1px solid; 
5

मैं यह सब fieldsets के लिए

fieldset { 
     border: 1px solid lightgray; 
    } 

मैं काम नहीं किया है, तो मैं इसे सेट के साथ जोड़ा अलग उदाहरण के लिए का उपयोग कर

सीमा-रंग: लाल

। फिर लाल रेखा के बगल में एक काला रेखा खींची गई थी।

/जॉन

संबंधित मुद्दे

 संबंधित मुद्दे