http://jsfiddle.net/uKdPM/

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

===============>>#1 票数:5 已采纳

我相信如果你想要达到这种效果,你需要根据CSS类应用颜色变化。 我分叉你的jsfiddle, 继承人的结果

虽然我认为你的问题很有意思,但我很难确定哪些可以投入实际使用。 你想动态改变主题吗?

===============>>#2 票数:2

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

===============>>#3 票数:1

我遇到了同样的问题,我偶然发现了这个问题。 解决方案可以是将带有css属性的<style>标记添加到文档正文中。

$('<style> p::selection{ background-color:#000; } p::-moz-selection{ background-color:#000; }</style>').insertAfter('body *:last');

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

===============>>#4 票数:0

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

你不能这样做$('p::selection').css({color: "#3c3"})并期望改变文本选择颜色。


  • $(<selector>)允许您以灵活的方式选择 dom元素,使用ID,css类,属性......

  • :hover:after ... ::selection是CSS-pseudo选择器,它允许你设置样式元素。

即使jquery选择器的语法看起来与伪类css相同,它们也是不同的。


顺便说一句,不可能以编程方式更改css伪类的样式(例如:hover ...)。

===============>>#5 票数:0

如果您可以更改为使用类而不是直接从JavaScript设置颜色,那么这样做是因为它更简单。

否则,请参阅此问题: 从JavaScript设置CSS伪类规则

使用此答案中提供的库:

jss('p::selection', {
    color: '#3c3'
});

http://jsfiddle.net/thirtydot/uKdPM/9/

  ask by android.nick translate from so

未解决问题?本站智能推荐:

2回复

jQuery:可以使用jQuery更改文本区域中的文本选择颜色吗? CSS不起作用:(

这就是您在CSS中为chrome指定文本选择颜色的方式,我知道不同浏览器的颜色不同,但是我想知道是否有一种方法可以更改textarea内部的选择颜色,因为上面的代码现在不适用于chrome,在上面的代码中,如果我将textarea更改为p那么它将适用于所有段落。 我注意到,如果我选择整个文本
1回复

使用JS更改文本选择突出显示

对于标准浏览器,您可以使用类似以下的方法来更改所选文本的颜色: 但是我需要用JavaScript代替。 我的用户可以选择文本,然后更改颜色。 当他们选择另一种颜色时,它会不断更新颜色。 由于选择了文本,因此无法看到颜色。 我只需要在换色器的鼠标悬停期间将目标元素的选择样式更改
1回复

使用Javascript / JQuery for mobile web突出显示/选择元素上的文本(android,iOS,Windows Phone)

我试图加快所有移动网络浏览器(Android,iOS和Windows Phone)中“复制和粘贴”文本的过程,允许用户点击/触摸一个元素,它将自动“选择/突出显示”该元素内的文本。 ✔我想要发生的事情: 单击输入元素和“全选”文本。 按住突出显示的文本,可以显示“复制或剪
3回复

如何设置CSS规则来更改所有元素的选择,而不仅仅是文本?

此CSS规则... …在Chrome中产生这种效果: 如您所见,选择的某些部分为默认蓝色。 如何使整个选择变成灰色?
3回复

如何防止用户使用CSS复制某个div的文本?

我知道可以使用以下CSS禁用用户文本选择。 但是当我有以下html时: 用户仍然可以通过从页面的顶部(可选文本1)到页面的底部(可选文本2)进行选择来复制未选择的文本。 有什么方法可以防止这种情况? 谢谢。
2回复

Jquery - 如果光标位于文本字段的开头/结尾

我有一个textarea,我想检查光标是在开始还是在结束(我不需要当前的位置)。 有人知道一个简单的jQuery解决方案吗? 提前致谢! 彼得
1回复

无法使用句柄选择Kendo Sortable中的文本

我有一组可排序的小部件,非常类似于这个演示 。 JS在这里: 面板的HTML看起来类似于: 虽然我已经为.panel-header div设置了一个handler选项,但我无法在.panel-content区域中选择任何文本。 鼠标光标显示文本光标,但在尝试突出显示时,没有任
4回复

使用DIV作为按钮时保持文本选择

也许这是与浏览器相关的问题? 我现在在Chrome上... 我想要完成的是允许用户使用光标保存他们在页面上选择(突出显示)的文本。 我有javascript / jQuery / ajax所有设置......当我通过控制台测试它时它就像一个魅力。 即 - 我选择一些文本,然后
2回复

使用body :: selection,我想自定义高亮颜色

为什么不能使用body::selection ,当我想要任何可以突出显示为我想要的颜色的东西时,任何东西都包括p img li h1 这里的例子现在我希望所有高亮显示为红色 ,但我使用body::selection ,它永远不会工作 http://jsfiddle.net/kent9
3回复

jQuery - 获取选择的段落,长度等

我正在尝试完成一些我认为在jQuery中应该很简单的事情。 我的网站上有很长的文字。 每当用户选择(突出显示)文本时,我需要获得以下信息: 选择开始的段落 选择开始于该段落中的字符 选择的长度 选择结束的段落(如果突出显示超出一个段落) 选择结束