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

Question

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

::选择在常规页面文本上正常工作(在这里省略-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%20 PM.png？X-CloudApp-Visitor-Id = 695722fcc5cecec10f09e16181dbdf5f&v = c886aa70):

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

我四处寻找-webkit覆盖但未找到相关属性.

Answer 1

我已经在 Mac 上的 Chrome 51.0.2704.103 和 Safari 9.1.1(11601.6.17) 中对此进行了测试，看来这不再是问题。不需要像OP建议的那样进行 input::selection ，所需的代码是：

::selection{
  background: #f7a494;
}

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

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

https://jsfiddle.net/nLftpwjc/

证明