如何摆脱chrome中的输入边框？

Question

在Chrome中，我的设计在搜索输入字段的边缘有一个浅色边框或轮廓。我怎么能摆脱这个？

Answer 1

如果您的意思是蓝色“发光”，请添加此CSS：

outline: none;

Answer 2

form#search input[type="search"] { 
    -webkit-appearance: none; 
}

请注意，这将禁用选择元素箭头。

Answer 3

input, select {
    outline: none;
}

这将禁用所有常规表单元素的浏览器大纲。

Answer 4

嘿，很容易删除轮廓。只需将none设置为在css中输入字段的outline属性。

例如

form input[type=text]:focus, form input[type=password]:focus, textarea:focus {
    outline: none;
}

上面将删除chrome和safari浏览器中的表单元素焦点上的轮廓边框。

Answer 5

这段代码对我有用：

input:focus {
    box-shadow: none;
}