Using CssClass how do I reverse this example css

Question

In the following css

.garbage {
    display: none;
}
.garbage[style*=visible] + input,
.garbage[style*=visible] + select,
.garbage[style*=visible] + textarea {
    background-color: #ffcccc;
    border: 1px solid #ff0000;
}

the asp:*Validator is before a form. How do I change the css so that the validator can be after the form.

The css (https://stackoverflow.com/a/28886219/6346811) works for the following:

<asp:RequiredFieldValidator ID="blah" runat="server" 
    ErrorMessage="Please fill out this field" CssClass="garbage" 
    ControlToValidate="txt_blah" ValidationGroup="blah" 
    SetFocusOnError="True"></asp:RequiredFieldValidator>

<asp:TextBox ID="txt_DateBirth" runat="server"></asp:TextBox>

But it doesn't work for

<asp:TextBox ID="txt_DateBirth" runat="server"></asp:TextBox>        

<asp:RequiredFieldValidator ID="blah" runat="server" 
    ErrorMessage="Please fill out this field" CssClass="garbage" 
    ControlToValidate="txt_blah" ValidationGroup="blah" 
    SetFocusOnError="True"></asp:RequiredFieldValidator>

Instead of creating a link to an image to an answer with some code (huh!), just copy over the code together with the link to the post where it came from. This way you would bring all relevant code to your post, get rid of some thrid-party image hosting services, and attribute the original author — Andrei, May 17 '16 at 16:44

score 0 · Answer 1 · answered May 17 '16 at 16:47

0

Notice + sign in the css you linked to. It means "directly followed by". Since your markup is a reverse, all you need to do is reverse the selector:

input + .garbage[style*=visible] {

answered May 17 '16 at 16:47

Andrei

55,890
9
87
108

I thought that would be the case too. But I've tried that and it didn't work. – Aaron Donald May 17 '16 at 17:01

Using CssClass how do I reverse this example css

1 Answers1