Style de validateur ASP.Net par défaut

Question

J'utilise plusieurs variantes des contrôles Validator (RequiredFieldValidator, CompareValidator, etc.) et j'utilise la propriété CssClass du validateur. Je peux voir (via Firebug) que la classe est appliquée, mais le contrôle du validateur lui-même y ajoute un élément de style, à savoir color: red. Mais je ne veux pas ça. Je veux que le contrôle utilise uniquement la classe CSS. Je sais que je peux remplacer l'attribut Forecolor, mais je devrai le faire sur chaque validateur dans le projet. Et j'aimerais vraiment pouvoir changer ma classe CSS dans ma feuille de style au cas où nous devions changer toutes les apparences de message d'erreur dans le futur. Tout le monde a des indices sur la façon de dire aux contrôles du validateur de ne pas utiliser leurs styles par défaut?

Answer 1

Vous pouvez le faire dans votre fichier css:

.validator 
{ 
    color: blue !important; 
} 

Cela remplacera le style rouge en ligne.

Answer 2

Avez-vous regardé des thèmes?

Answer 3

Si vous utilisez des thèmes, vous pouvez configurer votre fichier skin pour contrôler l'apparence de votre validateur. Le problème avec Forecolor inline est que la façon dont .Net rend les contrôles par défaut, il insère un attribut color = "# ..." qui remplace CSS au niveau de l'élément. Si la solution de Keltex ci-dessus ne vous convient pas avec la directive! Important, votre prochaine étape est probablement d'utiliser/adapter/aider à travailler sur le projet CSS-Friendly Control Adapters au http://www.asp.net/CSSAdapters/.

Prise sans vergogne: Brian DeMarzo travaille à étendre ce projet à Google Code.

Answer 4

Vous pouvez modifier le style par défaut des validateurs à l'aide de thèmes.

• Faites un clic droit sur le site dans Visual Studio
• Choisissez "Ajouter le dossier ASP.NET"
• Choisissez "Thèmes", nommez le nouveau dossier "DefaultTheme"
• Création d'un fichier appelé « Controls. peau » dans le dossier DefaultTheme

Ajoutez ce qui suit au fichier Controls.skin:

<asp:RequiredFieldValidator runat="server" CssClass="validation-error" /> 
<asp:RangeValidator runat="server" CssClass="validation-error" /> 
<asp:CompareValidator runat="server" CssClass="validation-error" /> 
<asp:RegularExpressionValidator runat="server" CssClass="validation-error" /> 
<asp:CustomValidator runat="server" CssClass="validation-error" /> 
<asp:ValidationSummary runat="server" CssClass="validation-error" /> 

Fusionner les éléments suivants dans votre web.config:

<configuration> 
    <system.web> 
     <pages theme="DefaultTheme" /> 
    </system.web> 
</configuration> 

vous pouvez définir la couleur que vous voulez pour .validation-error dans vos fichiers CSS.

(Notez que les versions d'ASP.Net antérieures à la version 4.0 appliquaient style="Color:red" à tous les valideurs par défaut, ce qui rendait difficile le remplacement de leurs couleurs en CSS. ForeColor propriété sur chacun des éléments de thème ci-dessus, ou ajouter !important à votre règle CSS.)

Voir:

• How to: Define ASP.NET Page Themes
• How to: Apply ASP.NET Themes
• Validation Controls Lost Their Red Color dans ASP.Net 4,0

Answer 5

Set Forecolor="" 

Et

CssClass="your-css-class"