Comment définir la couleur de la bordure fieldset?

Question

Je souhaite définir la couleur de la bordure du jeu de champs. J'utilise la classe mais cela ne fonctionne pas correctement parce que je veux enlever fieldset couleur de bordure par défaut. alors comment puis-je utiliser fieldset frontière couleur.

<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

Il ne semble rouge sur Firefox et IE 8. Mais peut-être vous avez besoin de changer le border-style aussi.

.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

Il fonctionne pour moi quand je définir la propriété border complète. (JsFiddle here)

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

la raison est le border-style qui est mis à none par défaut pour fieldsets. Vous devez également le remplacer.

Answer 3

Si vous ne voulez pas utiliser la frontière 3D:

border:#f00 1px solid; 

Answer 4

Je l'ai ajouté pour tous les fieldsets avec

fieldset { 
     border: 1px solid lightgray; 
    } 

Je ne ai pas le travail si je l'ai mis séparément en utilisant par exemple

couleur de bordure: rouge

. Ensuite, une ligne noire a été dessinée à côté de la ligne rouge.

/Jon