使用CSS3的::selection改变选中文本颜色的方法

::-webkit-selection { color:#333; background-color:#cce8cf;}  

上面的代码效果如下图（截自 Firefox 5 浏览器）：

当然，你也可以结合CSS选择器，指定标签或区域文本选中后的样式状态。如：

CSS Code复制内容到剪贴板

h2::selection { color:#f60; background-color:#cce8cf;}   
p::selection { color:#333; background-color:#cce8cf;}   
  
h2::-moz-selection { color:#f60; background-color:#cce8cf;}   
p::-moz-selection { color:#333; background-color:#cce8cf;}   
  
h2::-webkit-selection { color:#f60; background-color:#cce8cf;}   
p::-webkit-selection { color:#333; background-color:#cce8cf;}  

大部分标签使用 selection 没有问题，但 a 标签在不同的浏览器下有差异，有的浏览器 a 标签不会应用上 ::selection 样式（如 FF5，Chrome12），有些浏览器则会应用上 ::selection 样式（如 Opera 11.50）。这可能是有的浏览器认为a比较重要，为了让用户知道这是链接，所以不改变颜色。