如何在css中为jquery mobile div更改所选文本的颜色

我想将所选文本的颜色更改为＃3C3，而不是div 2。

               
 
.............. ...............
 
 
some text
 
some text
 
 
................. .................
 
   

CSS

 .one::selection { background-color:#3C3; } 

上面的代码没有用。 有人可以帮我这个吗？

Answer 1

如果您的移动浏览器不支持::selection伪元素，那么您可以使用JavaScript来触发元素上的文本选择更改，并使用指定颜色的span替换div中的选定文本。

Answer 2

以下是如何，JQ方式DEMO http://jsfiddle.net/yeyene/GYuBv/6/

JQUERY

 $(function() { $('div.one').mouseup( function() { var mytext = selectHTML(); $('.one span').css({"color":"red"}); }); }); function selectHTML() { try { if (window.ActiveXObject) { var c = document.selection.createRange(); return c.htmlText; } var nNd = document.createElement("span"); var w = getSelection().getRangeAt(0); w.surroundContents(nNd); return nNd.innerHTML; } catch (e) { if (window.ActiveXObject) { return document.selection.createRange(); } else { return getSelection(); } } } 

HTML

  
 
 
Index page
 
 
 
The quick brown fox jumps over the lazy dog
 
The quick brown fox jumps over the lazy dog