相关疑难解决方法(0)

从JavaScript设置CSS伪类规则

我正在寻找一种方法来改变JavaScript类的伪类选择器(例如:link,:hover等)的CSS规则.

所以CSS代码的类比:a:hover { color: red }在JS中.

我无法在其他任何地方找到答案; 如果有人知道这是浏览器不支持的东西,那么这也是一个有用的结果.

javascript css pseudo-class css-in-js

119
推荐指数
8
解决办法
9万
查看次数

用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做到这一点?

javascript css jquery selection textselection

5
推荐指数
1
解决办法
3206
查看次数