MVC Validation input-validation-error CSS not working

Question

morning

i can't get the input-validation-error css to work when i have a class already for the input box.

<%=Html.TextBox("FirstName", null, new { @Class = "text" })%>
<%=Html.ValidationMessage("FirstName", new { @style = "color: red;", @Class = "errorInValid" })%>

if i take out new { @Class = "text" } then

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: red !important;     
}

The above CSS works.

Help

regards, pete

thanks in advance (i am crap at CSS)

easwee · Accepted Answer · 2010-02-01 15:59:35Z

2

Not really an answer but try checking the order of how classes get applied in the css.

input-validation-error usually renders before any other classes like

<input type="text" class="input-validation-error text-box single-line">

try putting it at the end in firebug and see if something changes - probably it get's overwritte by another rule.

Don't know how your .text class is defined - you could also try to define .input-validation-error as form .input-validation-error so it automatically gains higher importance.

This is definately a cascade problem.

answered Feb 1, 2010 at 15:59

easwee

16k24 gold badges63 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Wilky · Accepted Answer · 2013-10-17 11:06:15Z

0

Add both .input-validation-error and .input.input-validation-error classes.

answered Oct 17, 2013 at 11:06

Wilky

2091 gold badge5 silver badges18 bronze badges

Collectives™ on Stack Overflow

MVC Validation input-validation-error CSS not working

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related