RequiredFieldValidator Help

[fmrock]

I am trying to fix the color of the RequiredFieldValidator on a form that was created for my company.

Here is the code for the validator.

<asp:TextBox ID="Name" runat="server" TabIndex="3"></asp:TextBox>
                              <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                                  ControlToValidate="Name" CssClass="validation-advice" 
                                  ErrorMessage="<br /> is required" SetFocusOnError="True" Display="Dynamic"></asp:RequiredFieldValidator>

Here is the CSS Class

.validation-advice {
  /*color: #990000;*/
  color: #B31212;
  font-size: smaller;
}
[/]

However, changing the color in the sytle sheet does not change when this is run.

When I view the source of the page I see that the color is set inside of a style property.

[code]
<span id="RequiredFieldValidator1" class="validation-advice" style="color:Red;display:none;"><br /> is required</span>

Any ideas on where i should look to see what is seting this style?

style="color:Red;display:none;"

 

[fmrock]

I found if you use ForeColor=" " then it will use my CSS

 

[ca8msm]

This is all to do with the specificity of how css is applied within a browser. I suspect that changing your stylesheet to:

.validation-advice {
  color: #B31212 [!]!important[/!];
  font-size: smaller;
}

should do the trick though.


Mark,

Darlington Web Design[tab]|[tab]Experts, Information, Ideas & Knowledge[tab]|[tab]ASP.NET Tips & Tricks

 

[fmrock]

Thanks, I saw that trick also when doing a google search, but someone said it didnt work in all browsers.

Thanks for your ressponse.

 

[ca8msm]

someone said it didnt work in all browsers.

It works in all current major browsers and even IE have supported it since version 6 (although it sometimes had issues if you were in quirks mode).

Mark,

Darlington Web Design[tab]|[tab]Experts, Information, Ideas & Knowledge[tab]|[tab]ASP.NET Tips & Tricks