从Chrome上的表单输入中删除灰色边框

Question

http://i55.tinypic.com/3325gyo.png

当您对焦于文本字段时，会出现此灰色边框。我试过大纲：0但是没有删除它。有什么建议？感谢

Answer 1

你可以这样做：

input:focus {outline: none;}

Answer 2

我设法通过设置标记样式来解决这个问题：

<fieldset>

到border: 0;

Answer 3

在chrome中有一个自动的灰色边框，但它只是一个常规边框。获取输入的类或Id，只需输入border：none;输入：焦点，如其他人所说的那样是选择器来移除焦点上的边框。希望这有助于某些人，自动风格有时会令人讨厌。

Answer 4

正如allanb in the comments of this answer所说，罪魁祸首是css属性'box-shadow'：

:focus {
    outline: 0;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}