CSS-在webkit/chrome中的输入或文本区域中设置：：selection的背景色？

我正在尝试在我们的网站上设置选择颜色[对于支持此功能的浏览器；不受支持的浏览器将获得系统默认值；仅查找CSS&不会为此实现JS]

:：selection在常规页面文本上运行良好（为了清晰起见，这里省略了-moz）。但是，我希望：：selection也能处理INPUT和TEXTAREA元素中的选定文本。以下内容在Firefox（）中可用，但在webkit（chrome或safari）中不可用，我在其中获得了系统默认的浅蓝色（）：

---

我已经查找了-webkit覆盖，但没有找到相关属性。

bcz，

webkit

遵循

rgba

，而不是

\123456

请尝试以下代码：

input::selection { background:rgba(231,105,105,0.7) }

---

我刚刚四处寻找，发现您可以使用

：focus

选择器来定义聚焦输入字段CSS。那么像这样:

input:focus {  background: #f7a494; }

---

希望这能有所帮助。

我已经在我的Mac电脑上用Chrome 51.0.2704.103和Safari 9.1.1（11601.6.17）进行了测试，这似乎不再是一个问题。不需要像OP建议的那样输入：：选择，这需要的代码是：

::selection{
  background: #f7a494;
}

::-moz-selection{
  background: #f7a494;
}

如果您仍然存在此问题，请尝试下面的方法，如果它有效，代码中可能有其他东西干扰了它

---

证明

---

看起来这是一个已知的webkit错误：。不确定是否有任何更新的属性或自报告以来绕过该漏洞的任何东西？+1看起来像是在大约四年前作为chrome漏洞记录的，并且在2014年初修复。我遇到了同样的问题。。。只有您的firefox解决方案在43.0.1上不起作用。：/真不敢相信有人回答了这个问题。我知道我以前看过，我只是想不起在哪里，没用。此外，webkit还支持我遇到的所有其他属性的十六进制、rgb和rgba，因此，如果专门针对这一属性进行更改，我会感到惊讶。这只是更改输入的背景色，而不是OP需要的选定部分的背景色。

::selection{
  background: #f7a494;
}

::-moz-selection{
  background: #f7a494;
}