1

可能重复：
如何阻止 Chrome 使我网站的输入框变黄？

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

    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 已经有一个默认的焦点是黄色的，所以与上面的一样，它会变成一个非常暗和难看的绿色。有什么办法可以覆盖铬的默认颜色？

问候，卡尔

4

2 回答 2

5

正如这里 SO question中所指出的，您可以简单地使用以下 CSS 来覆盖大纲，但请确保（如您所说）用一些焦点指示替换它。

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

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

于 2012-10-29T18:53:00.350 回答
1

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

于 2012-10-29T18:50:30.617 回答