如何去掉 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

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

例如，

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

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

Answer 5

这个片段对我有用：

input:focus {
    box-shadow: none;
}