关于html：聚焦输入框时删除边框


remove the border when focusing on an input box

本问题已经有最佳答案，请猛点这里访问。

关于这一点，还有其他的事情，但是所有的解决方案似乎都不起作用。

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

1
2
3
4
#alphatxt:focus {
    border: 0;
    outline:none;
}

它在按钮上工作，但不在任何输入字段上工作它仍然没有消除边界，我尝试了多种不同的技术，已被推荐，但仍然没有乐趣。

能做到吗？

谢谢

相关讨论

你可以试试这个

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

把下面的css放在css文件中

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

。

相关讨论

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

https://jsfiddle.net/hv8s8ygn/

1
2
3
input:focus {
  outline: none;
}

号

试着去做

1
2
3
4
input:focus,
#alphatxt:focus {
    outline: 0;
}

不过，我不建议删除它，因为大纲是为那些没有鼠标的人使用的，这样他们就可以使用"标签"和视力受损的人。网址：http://www.outlineone.com/