chrome中输入的box-shadow

Question

  

可能重复：
  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默认颜色？

此致 卡尔

Answer 1

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

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

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

Answer 2

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