CSS3 TextArea 高亮颜色

Posted 2023-03-06

【中文标题】CSS3 TextArea 高亮颜色

【英文标题】：CSS3 TextArea Highlight Color

【发布时间】：2011-03-29 18:07:27

【问题描述】：

我一直在使用以下 CSS3 选项来更改网页上文本的突出显示颜色。但是，网页上唯一的元素是 textarea，而下面的 CSS 似乎没有任何作用。

::selection  background:#B9B9B9; color:#000000; 

我做错了吗？是否可以更改文本区域的突出显示颜色？还是我只是在浪费时间？

【问题讨论】：

那是您使用的确切 CSS 样式吗？因为它应该是 textarea::selection ...

嗯。即使使用 textarea::selection ... 语法，我也无法让它工作。我也试过 #editor.::selection ... 但这也行不通。我不认为这可能是浏览器问题？我已经在 Chrome、Safari、Firefox 和 IE8 中测试过。

【参考方案1】：

尝试使用供应商扩展版本-moz-selection and -webkit-selection：

::selection  background:#B9B9B9; color:#000000; 
::-moz-selection  background:#B9B9B9; color:#000000; 
::-webkit-selection  background:#B9B9B9; color:#000000; 

请注意，选择伪已removed from the current draft。

【讨论】：

注意：::selection 又回到了CSS Pseudo-Elements Module Level 4