I made a function that overwrite the the :hover of some elements on a page. It fades between the normal and the :hover effect. That for i had to create a .hover class in my CSS file. I think this is a little unclean. How could i read the the :hover pseudo class contents?
UPDATE: I somehow got this wrong. The below example doesn't work. See @bfavaretto's comment for an explanation.
In Firefox, Opera and Chrome or any other browser that correctly implements
window.getComputedStyle is very simple. You just have to pass "hover" as the second argument:
But I don't believe there's yet a solution for Internet Explorer, except for using So, having a
document.styleSheets as Gumbo suggested. But there will be differences.
.hover class is the best solution so far. Not unclean at all.