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

【问题标题】：How can I get rid of input border in chrome?如何摆脱 chrome 中的输入边框？
【发布时间】：2013-10-15 21:44:01
【问题描述】：

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

【问题讨论】：

【解决方案1】：

如果您指的是蓝色“发光”，请添加以下 CSS：

outline: none;

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

input, select {
    outline: none;
}

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

【讨论】：

【解决方案4】：

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

例如

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

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

【讨论】：

【解决方案5】：

这个 sn-p 对我有用：

input:focus {
    box-shadow: none;
}

【讨论】：