Как определить цвет границы набора полей?

Question

Я хочу установить цвет границы набора полей.Я использую класс, но это не работает должным образом, потому что я хочу удалить цвет границы поля по умолчанию.так как я могу использовать цвет границы набора полей.

<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;
    }

Я не работал, если я установил его отдельно, например,

border-color: red

.Затем черная линия была проведена рядом с красной линией.

Answer 4

Если вы не хотите использовать 3D-границы:

border:#f00 1px solid;