问题:

        <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> 默认的黑边框~

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐