¿Cómo puedo definir el color del borde del conjunto de campos?

Question

Quiero establecer el color del borde del conjunto de campo. Estoy usando clase, pero esto no funciona correctamente porque quiero eliminar el color de borde predeterminado de fieldset. entonces, ¿cómo puedo usar el color del borde del conjunto de campos?

<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

Se parece rojo en Firefox e IE 8. Pero tal vez lo que necesita para cambiar el border-style también.

.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

Funciona para mí cuando yo defino la border propiedad completa. (JsFiddle here)

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

la razón es la border-style que se establece en none de manera predeterminada para conjuntos de campos. Necesitas anular eso también.

Answer 3

Si no desea que el uso borde 3D:

border:#f00 1px solid; 

Answer 4

he añadido para todos los conjuntos de campos con

fieldset { 
     border: 1px solid lightgray; 
    } 

Me dio trabajo si lo fijo por separado utilizando, por ejemplo,

color de borde: rojo

. Luego se dibujó una línea negra al lado de la línea roja.

/Jon