web-dev-qa-db-fra.com

Comment puis-je définir la couleur de la bordure du jeu de champs?

Je veux définir la couleur de la bordure de l'ensemble de champs. J'utilise la classe mais cela ne fonctionne pas correctement car je souhaite supprimer la couleur de bordure par défaut fieldset. alors comment puis-je utiliser la couleur de bordure 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;
}
htmlcssborder
33
Kali Charan Rajput

Il apparaît en rouge sur Firefox et IE 8. Mais peut-être que vous devez 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>

alt text

53
kennytm

Cela fonctionne pour moi lorsque je définis la propriété complète border. (JSFiddle ici )

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

la raison en est le border-style qui est défini sur none par défaut pour les ensembles de champs. Vous devez également remplacer cela.

9
Pekka 웃

Je l'ai ajouté pour tous les ensembles de champs avec

fieldset {
        border: 1px solid lightgray;
    }

Je n'ai pas fonctionné si je l'ai réglé séparément en utilisant par exemple

couleur de la bordure: rouge

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

5
user1021860

Si vous ne souhaitez pas utiliser de bordure 3D:

border:#f00 1px solid;
2
mx0