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

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

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

Ответ 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>

Ответ 2

Он работает для меня, когда я определяю полное свойство border. (JSFiddle здесь)

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

причина заключается в border-style, который по умолчанию устанавливается для none для полей. Вы также должны переопределить это.

Ответ 3

Я добавил его для всех полей с

fieldset {
        border: 1px solid lightgray;
    }

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

border-color: красный

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

/Jon

Ответ 4

Если вы не хотите использовать трехмерную границу:

border:#f00 1px solid;