我正在寻找一种方法来改变JavaScript类的伪类选择器(例如:link,:hover等)的CSS规则.
所以CSS代码的类比:a:hover { color: red }在JS中.
我无法在其他任何地方找到答案; 如果有人知道这是浏览器不支持的东西,那么这也是一个有用的结果.
对于标准浏览器,您可以使用类似的内容来更改所选文本的颜色:
div.txtArea::selection {
background: transparent;
}
div.txtArea::-moz-selection {
background: transparent;
}
div.txtArea::-webkit-selection {
background: transparent;
}
Run Code Online (Sandbox Code Playgroud)
但我需要用JavaScript来做这件事.
我的用户可以选择文本然后更改颜色.当他们选择另一种颜色时,它会不断更新颜色.由于选择了文本,因此无法看到颜色的样子.我需要将目标元素的选择样式更改为仅在换色器鼠标悬停期间透明.
我尝试过一些事情,包括:
$('div.txtArea').css({
'selection': 'transparent',
'-moz-selection': 'transparent',
'-webkit-selection': 'transparent'
});
Run Code Online (Sandbox Code Playgroud)
有没有办法用javascript做到这一点?