chrome中输入的框阴影[重复]答案

【问题标题】：box-shadow on inputs in chrome [duplicate]chrome中输入的框阴影[重复]
【发布时间】：2012-10-19 03:05:23
【问题描述】：

可能重复：
How do I stop Chrome from yellowing my site’s input boxes?

我遇到了一个我无法解决的小错误，基本上我有：

    input:focus {
        border: 1px solid #38a9f0;
        -webkit-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
        -moz-box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
        box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75);
    }

在用户选择框时设置框的样式，但是，chrome 已经有一个默认的黄色焦点，所以与上面的一样，它会变成一个非常暗和难看的绿色。有没有办法覆盖 chromes 默认颜色？

问候，卡尔

【问题讨论】：

stackoverflow.com/questions/175951/…
非常感谢，大纲：无；修复它:) 请提交作为答案，以便我可以将其标记为已解决。

标签： google-chrome focus css

【解决方案1】：

正如this SO question here 中指出的那样，您可以简单地使用以下 CSS 来覆盖轮廓，但请确保（如您所说）将其替换为一些焦点指示。

input[type="text"], input[type="password"], textarea, select { 
  outline: none;
}

您可以简单地使用outline: none; 部分，如果这就是您所需要的，这只是覆盖所有潜在轮廓的方法。

【讨论】：

【解决方案2】：

尝试将 !important 放在 CSS 的行尾。这应该覆盖默认值。例如： box-shadow: 0px 0px 5px rgba(56, 169, 240, 0.75) !important;

【讨论】：