如何定义fieldset边框颜色？

Question

我想设置字段集的边框颜色.我正在使用类,但这不能正常工作,因为我想删除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;
}

Answer 1

它确实在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>

Answer 2

当我定义完整的border属性时,它适用于我.(JSFiddle 这里)

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

原因是border-style被设置为none默认的字段集.你也需要覆盖它.

Answer 3

我为所有的字段集添加了它

fieldset {
        border: 1px solid lightgray;
    }

如果我使用例如单独设置它,我没有工作

边框颜色:红色

.然后在红线旁边绘制一条黑线.