博客内容讲述了在HTML中，当input标签被选中时会出现一个黑色边框，这可能影响页面美观。作者提供了两种解决方案：一是直接设置input样式为`outline:none`；二是针对input的`:focus`伪类选择器设置`outline:none`，以此来消除input的默认黑边框。通过这些方法，可以成功地去除input元素的默认边框，达到更好的界面效果。
问题：
<input> 标签选中后出现一个黑框，实在是不太好看
<body>
<div>
<input type="text">
</div>
</body>
解决：
方法1：给 <input> 设置样式 {outline: none}
input {
outline: none;
}方法2：给 <input> 的伪类选择器 :focus 设置样式 {outline:none}
input:focus {
outline: none;
}最终效果：
成功去除 <input> 默认的黑边框~
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
