设置样式:悬停javascript

Question

据我所知,由于浏览器兼容性,以下方法非常适合设置CSS样式.

element.style.cssText = "color:red;";

我不能做的是使用cssText对应用样式:hover和:focusCSS事件.
我该怎么做而不是这个？

element.style.cssText = ":focus{color:red;}";

PS不要提及使用javascript事件,onmouseover而不是CSS :hover(它不适合我的情况.)

Answer 1

你可以用一些巫毒魔法来做到这一点:

var head = document.getElementsByTagName('head')[0];
var style = document.createElement('style');
var declarations = document.createTextNode('selector:pseudo { property: value }');

style.type = 'text/css';

if (style.styleSheet) {
  style.styleSheet.cssText = declarations.nodeValue;
} else {
  style.appendChild(declarations);
}

head.appendChild(style);

不完全是你所需要的,但如果你愿意的话,你可以调整它并制作一个奇特的功能.