How can I specify a CSS tag for not disabled and hover on a button?

Question

I am trying the following:

button:disabled {
    border-color: #50a3c8 #297cb4 #083f6f;
    background: #0c5fa5 url(/Content/images/old-browsers-bg/button-element-bg.png) repeat-x left top;
    .top-gradient( #FFF, #72c6e4, 4%, #0c5fa5);
    color: white;
}

button:not(disabled):hover {
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(/Content/images/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
    .top-gradient(#FFF, #2bcef3, 4%, #057fdb);
}

But my IDE is saying that "disabled" is not a valid HTML tag however just for the second CSS definition where disabled is enclosed in parenthesis.

Explosion Pills · Accepted Answer · 2013-04-23 02:16:46Z

1

That would be :not(:disabled)

http://jsfiddle.net/yVanF/

Just for a bit more clarity: http://jsfiddle.net/yVanF/1/

answered Apr 23, 2013 at 2:16

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

Comments

Tamil Selvan C · Accepted Answer · 2013-04-23 02:17:35Z

1

Try this, use :not(:disabled)

button:not(:disabled):hover {
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(/Content/images/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
    .top-gradient(#FFF, #2bcef3, 4%, #057fdb);
}

answered Apr 23, 2013 at 2:17

Tamil Selvan C

20.3k12 gold badges55 silver badges72 bronze badges

Collectives™ on Stack Overflow

How can I specify a CSS tag for not disabled and hover on a button?

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