J'ai stylé tous mes champs de texte avec une bordure gris et pour les champs avec J'ai essayé Le code suivant, mais je ne peux pas obtenir ma classe de remplacer la bordure précédemment définie? Qu'est-ce que je manque? P> html: p> css: p> j'ai créé un < un href = "http://jsfiddle.net/zyb6x/" rel = "noreferrer"> jsfiddle pour illustrer le problème. p> p> class = "form_field_error" code>, je veux que la couleur de la bordure passe au rouge.
4 Réponses :
Avez-vous essayé de préciser quelle div pour appliquer la bordure rouge comme celle-ci? et sur une note latérale - L'ID que vous avez défini comme "titre" est-ce juste pour celui-ci ou Pensez-vous à la réutiliser? P> Parce que vous pourriez aussi faire -> p>
L'entrée changez-le à [TYPE = "Texte"] CODE> CSS prend la priorité sur le
.form_field_error code> CSS. P>
INPUT.FORM_FIELD_ERROR code> et la bordure fonctionnera. P>
Essayez ceci:
.form_field_error { border: 1px solid #f00 !important; }
Je recommanderais d'utiliser: La règle "! IMPORTANT" ne doit être utilisée que comme dernier recours - Option nucléaire - car il dépassera toutes les autres tentatives de cibler un élément basé sur Spécificité précise et pertinente, réduisant ainsi le contrôle que vous avez et créez des barrages routiers potentiels pour les futurs développeurs. Par conséquent, la manière appropriée, et la meilleure façon de gérer est de commencer avec le même sélecteur que l'original que vous essayez de remplacer, puis ajoutez simplement la seule chose qui la distingue de l'original. De cette façon, la spécificité sera précisément ce que vous voulez. P> p>