如何定義字段集邊框顏色？

我想設置字段集的邊框顏色。我正在使用類，但這不能正常工作，因爲我想刪除fieldset默認邊框顏色。所以如何使用fieldset邊框顏色。如何定義字段集邊框顏色？

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

CSS

.field_set{ 
border-color:#F00; 
}

來源

2010-09-18 Kali Charan Rajput

謝謝Govindan .. :) – 2010-09-18 10:45:34

它不會出現紅色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

來源

2010-09-18 10:36:26 kennytm

太棒了:)。謝謝lot – Naruto 2013-05-10 08:57:37

大括號內的部分可以縮短爲：'border：solid＃F00;' – bphilipnyc 2015-12-29 04:01:48

這對我的作品時，我定義完整border財產。（的jsfiddle here）

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

的原因是受默認字段集設置爲none的border-style。你也需要重寫。

來源

2010-09-18 10:37:35

如果你不想三維邊框使用：

border:#f00 1px solid;

來源

2010-09-18 10:40:25 mx0

我添加它的所有字段集與

fieldset { 
     border: 1px solid lightgray; 
    }

我沒有工作，如果我把它單獨使用例如

邊框顏色：紅色

。然後在紅線旁邊畫了一條黑線。

/Jon

來源

2013-02-28 10:29:50 user1021860

如何定義字段集邊框顏色？

回答

相關問題