:hover:before doesnt work for chrome on mac?

Asked Feb 23 '12 at 09:10

Active Aug 21 '12 at 05:13

Viewed 1,203 times

I was wondering if anyone has come up with this problem?

I have a pseudoelement on :before and I want to change one of its properties on hover

element:before {
    ....
    background: red;
}
element:hover:before {
    ....
    background: green;
}

it works great except from chrome on mac, where it works the first time i hover an element but then all the "before" elements using this method disappear on hover

i created a jsfiddle which replicates the problem (test on chrome/mac to see the bug)

http://jsfiddle.net/annam/vnjj5/1/

any solutions? or known bugs? havent been able to find anything on google

edited Feb 23 '12 at 09:43

asked Feb 23 '12 at 09:10

anna.mi

1,549
1
14
28

It's work for me i am using chrome17 – sandeep Feb 23 '12 at 09:15
4

Which version of Chrome and Mac OS X are you using? I’ve got Chrome 17 on Mac OS X 10.7.2, and the before element never disappears: it just turns green when I’m hovering `#test`, and stays red the rest of the time. – Paul D. Waite Feb 23 '12 at 09:17
I'm also on Chrome 17 on Mac OS X and your JS Fiddle works fine for me. Are you sure that the JS fiddle is 100% identical to the live code you're working with?' – Brian Mar 03 '12 at 21:13
its working fine with my latest chrome – Krish Mar 10 '12 at 07:39
Working on Chrome 24.0.1312.52 – Oisin Lavery Jan 30 '13 at 16:23
All of you - remember that Anna specified that this issue can be reproduced on Mac OS X only. – biphobe Mar 25 '13 at 15:52
Mac OS 10.8.3, Chrome 27.0.1453.93 : It works. Do you have the latest version ? – FLX May 29 '13 at 10:20

:hover:before doesnt work for chrome on mac?

0 Answers0