如何定义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 here）

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

原因是默认情况下字段集的border-style设置为none。你也需要覆盖它。

Answer 3

我为所有

的字段集添加了它

fieldset {
        border: 1px solid lightgray;
    }

如果我使用例如

单独设置它，我就无法工作

  

border-color：red

。然后在红线旁边画了一条黑线。

Answer 4

如果您不想使用3D边框：

border:#f00 1px solid;