聚焦在输入框上时移除边框

Question

关于此，还有其他一些事情，但没有一个解决方案似乎有用。

我正试图摆脱Google Chrome在任何输入框周围放置的浅蓝色边框。我的代码：

#alphatxt:focus {
    border: 0;
    outline:none;
}

它适用于按钮，但不适用于任何输入字段 它仍然没有删除边框，我尝试了多种不同的技术，但仍然没有任何乐趣。

可以这样做吗？

由于

Answer 1

你可以尝试一下它会起作用

#alphatxt:focus {
 outline: none; // removes blue outline on focus
 border: 0;  // removes border
 box-shadow: none; // removes shadow (for bootstrap etc )
}

Answer 2

尝试

input:focus,
#alphatxt:focus {
    outline: 0;
}

但是我不建议将其删除，因为轮廓用于没有鼠标的人，因此他们可以使用“＆tab;＆＃39;还有视障者。 http://www.outlinenone.com/

Answer 3

您需要覆盖outline属性，浏览器默认值：

https://jsfiddle.net/hv8s8ygn/

input:focus {
  outline: none;
}

Answer 4

将css放在css文件中

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