Question

好吧，我正试图摆脱浏览器对输入字段所做的所有这些小事（比如焦点边框和什么不是）。

input[type="text"] {
    font:bold 10px/12px verdana,arial,serif;
    padding: 20px;
    border-radius: 15px; 
}

input[type="text"]:focus {
    outline: none!important; 
}

上面的代码不起作用。我也尝试通过2.1方式编辑输入（

input.text { /*stuffhere*/};
input.text:focus{ outline: none; }

）。它没用。有人有什么想法吗？

Answer 1

我很茫然;你似乎正确地做到了。通常可见边框的边框，以及有焦点的东西的轮廓。

看看这个小提琴，看看它是否按预期工作。如果它（对我来说），它可能是你的情况下的CSS冲突。重要的是一种危险而有力的工具，但它仍然无法保证。

http://jsfiddle.net/LQppm/1/

input[type="text"] {border: none}
input[type="text"]:focus {outline: none}

Answer 2

也许outline: 0!important;会有用吗？

禁用浏览器输入字段效果？

2 个答案: