Remove :hover styles on click

Question

I have a jsFiddle that I am working with: http://jsfiddle.net/aL7Xe/77/

It all works great, I just need the blue hover to go away when the arrow is clicked, then to come back after you click off of it.

Trying to achieve it with:

$(this).removeClass('a:hover');

a:hover isn't a class, and you can't remove the :hover pseudo-class anyway; you need to override it with other styles. Try using :active for this; JavaScript shouldn't be necessary. — Ry-
– Ry- ♦, Commented Jun 21, 2012 at 0:30
thanks minitech. Obviously I'm new to this. I appreciate the input. — stevenspiel
– stevenspiel, Commented Jun 21, 2012 at 2:01

Zhihao · Accepted Answer · 2012-06-21 00:38:23Z

1

You can get the effect you want by setting a :hover pseudo-class for .menutoggle. Try this:

.menutoggle, .menutoggle:hover {
    background: grey;
    }

Example

answered Jun 21, 2012 at 0:38

Zhihao

14.7k2 gold badges29 silver badges36 bronze badges

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

2 Comments

stevenspiel Over a year ago

hey, thanks for the answer. It looks perfect on jsfiddle, but when I put it on my site, the jQuery doesn't work. Do you have any suggestions? live preview

Zhihao Over a year ago

I took a look at your page source and it looks like you have what I believe are zero width spaces in your code. After I removed them your page worked for me. I saw the characters at the end lines 33, 50, and 66, as well as the beginning of line 52. I don't know how they got there, but I would recommend using an appropriate text editor to remove them.

Jasper Mogg · Accepted Answer · 2012-06-21 00:45:53Z

1

a:active{
    background:transparent;
}

In your CSS?

answered Jun 21, 2012 at 0:45

Jasper Mogg

9342 gold badges8 silver badges23 bronze badges

Collectives™ on Stack Overflow

Remove :hover styles on click

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related