CSS - 在webkit / chrome的INPUT或TEXTAREA中设置:: selection的背景颜色？

Question

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

在常规页面文本中，:: selection工作正常（在这里省略-moz）。但是，我希望:: selection也适用于INPUT和TEXTAREA元素中的选定文本。以下适用于Firefox（https://d3vv6lp55qjaqc.cloudfront.net/items/3f2m2S342i2a2V0z2C2W/Screen%20Shot%202013-08-21%20at%2012.34.54%20PM.png?X-CloudApp-Visitor-Id=695722fcc5cecec10f09e16181dbdf5f&v=c618e057），但不在webkit（chrome或safari）中工作，我得到系统默认的浅蓝色（https://d3vv6lp55qjaqc.cloudfront.net/items/1r2l1X1P2V3g031F152A/Screen%20Shot%202013-08-21%20at%2012.35.29%20PM.png?X-CloudApp-Visitor-Id=695722fcc5cecec10f09e16181dbdf5f&v=c886aa70）：

::selection { background: #f7a494; }
input::selection {  background: #f7a494; }

我一直在寻找-webkit覆盖，但未能找到相关的属性。

Answer 1

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

::selection{
  background: #f7a494;
}

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

如果您仍然遇到此问题请尝试使用以下小提琴，如果它有效，您的代码中可能会有其他内容干扰它。

https://jsfiddle.net/nLftpwjc/

证明

Answer 2

bcz，webkit遵循rgba而不是＃123456

请尝试以下方法：

input :: selection {background：rgba（231,105,105,0.7）}

Answer 3

我一直在寻找这个并注意到你可以使用:focus选择器来定义聚焦输入字段CSS。像这样：

input:focus {  background: #f7a494; }

希望这有帮助。