单击输入字段内部时如何删除/更改边框？

Question

在此网站的搜索框内点击，您会看到what I mean。有没有办法删除它？另外，如果我决定保留它，我该如何改变它的尺寸呢？

谢谢， 克里斯

Answer 1

试试这个：

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

Answer 2

也试一试。

*:focus {
    outline: none;
}

Answer 3

有时候，看起来像边框的确像是Bootstrap的边框阴影，因此您可以使用：

#myelement:focus {
    box-shadow: none;
}

Answer 4

input{
        border:none;
    }

input:focus, textarea:focus
{
    border: 1px solid #1670BE;
    box-shadow: 0 0 3px #1670BE;
    outline-offset: 0px;
    outline: none;
}