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

Question

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

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

我四处寻找 -webkit 覆盖，但找不到相关的属性。

score 2 · Accepted Answer

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

::selection{
  background: #f7a494;
}

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

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

证明

score -2 · Accepted Answer

bcz,WebKit跟随rgba而不是#123456

请尝试以下代码：

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

score -3 · Accepted Answer

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

input:focus {  background: #f7a494; }

希望这可以帮助。