How to let css selector exclude an element?

Question

For example I have a css style like this :

    input.validation-passed {border: 1px solid #00CC00; color : #000;}

The javascript validation framework I use will inject every input tag with a class="validation-passed" .For the elements like <input type='text' /> ... , this is ok , but for <input type='button' /> , I want this is not applied , how should I do this ?

Knu · Accepted Answer · 2010-03-23 02:35:28Z

20

.validation-passed:not(input[type="button"]) {color:red;}

answered Mar 23, 2010 at 2:35

Knu

15.2k6 gold badges60 silver badges93 bronze badges

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

1 Comment

danyim Over a year ago

It may be helpful to mention that this is CSS3 syntax that may not be fully supported by all browsers.

SLaks · Accepted Answer · 2010-03-23 02:25:44Z

3

If you don't need to support IE6, you can use an attribute selector:

input[type="text"].validation-passed {border: 1px solid #00CC00; color : #000;}

answered Mar 23, 2010 at 2:25

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

2 Comments

Nick Craver Over a year ago

+1 There's no IE6 CSS only way I know of to accomplish this anyway, no sense in worrying about it.

Sawyer Over a year ago

Thanks ,but I need to support IE6!

Alsciende · Accepted Answer · 2010-03-23 14:39:14Z

0

I don't think you can. But you can inject a little piece of javascript to parse your inputs and add the class text-validation-passed to all your text inputs with the class validation-passed (or remove the class from button input if you don't need it).

answered Mar 23, 2010 at 14:39

Alsciende

27k9 gold badges54 silver badges68 bronze badges

Collectives™ on Stack Overflow

How to let css selector exclude an element?

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related