Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery设置文本选择颜色。演示不起作用_Jquery_Css_Colors_Selection_Textselection - Fatal编程技术网

使用jQuery设置文本选择颜色。演示不起作用

使用jQuery设置文本选择颜色。演示不起作用,jquery,css,colors,selection,textselection,Jquery,Css,Colors,Selection,Textselection,我在css中设置了::selection颜色,因此当您在屏幕上突出显示文本时,文本的颜色为粉红色。我现在尝试在页面加载时通过jQuery覆盖该颜色。看起来应该非常简单。但是它对我不起作用。::selection是一个CSS伪类,而不是jquery选择器 您不能执行此$'p::selection'.css{color:3c3}并期望更改文本选择颜色 $允许您灵活地选择dom元素,使用ID、css类、属性 :悬停,:在…::选择是CSS伪选择器,它允许您设置元素的样式 尽管jquery选择器的语法看

我在css中设置了::selection颜色,因此当您在屏幕上突出显示文本时,文本的颜色为粉红色。我现在尝试在页面加载时通过jQuery覆盖该颜色。看起来应该非常简单。但是它对我不起作用。

::selection是一个CSS伪类,而不是jquery选择器

您不能执行此$'p::selection'.css{color:3c3}并期望更改文本选择颜色

$允许您灵活地选择dom元素,使用ID、css类、属性

:悬停,:在…::选择是CSS伪选择器,它允许您设置元素的样式

尽管jquery选择器的语法看起来与伪类css相同,但它们是不同的


顺便说一句,不可能通过编程方式更改css伪类的样式,例如:hover…

我相信如果要实现这种效果,需要基于css类应用颜色更改。我用叉子叉了你的腰

虽然我认为你的问题很有趣,但我很难弄清楚这一点在哪里可以得到实际应用。是否要动态更改主题?

根据这一点,您不能更改选择的突出显示颜色,因为没有用于操作伪类的DOM接口。您可以做的是更改元素的类。

如果可以,而不是直接从JavaScript设置颜色,那么就这样做,因为这样更简单

否则,请参见此问题:

使用中提供的库:


我也有同样的问题,我偶然发现了这个问题。解决方案可以是在文档体中添加一个带有css属性的标记

元 p::选择{ 背景色:000; } p::-moz选择{ 背景色:000; }“.在“正文*:最后一个”之后插入”


这可能不是最优雅的方式,但至少它是有效的。

这不会发生,因为jquery找不到p::selection,你可以捕捉到p本身,但我不确定如何将样式应用到伪东西上,像这样的伪东西与问题没有真正的关系,但我相信::selection已从CSS3规范中删除,所以请小心使用。实际上,您可以这样做,并期望文本选择颜色发生变化。。。它不会起作用,但我确实做到了,并且期待着。。。正如你所知,我的使用案例:我正在考虑为我正在构建的网站上的每一篇文章使用不同的颜色重音。它们更像是书而不是文章,篇幅更长,所以我在考虑这种可能性。我仍然不确定这是否是我想做的事情。我不会推荐你去做,老实说,我认为这是一种很俗气的效果,很容易让人讨厌。
jss('p::selection', {
    color: '#3c3'
});