关注输入框时删除边框[重复]

Question

关于这方面还有其他事情，但似乎没有一个解决方案有效。

我正在尝试摆脱谷歌浏览器在任何输入框周围放置的浅蓝色边框。我的代码：

#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;
}

但是我不建议删除它，因为轮廓用于没有鼠标的人，因此他们可以使用“标签”以及视障人士。 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;
}