css 去掉文本框选中样式

当我们在页面中使用文本框时，很可能会发现当文本框被选中时呈现出的样式并不是我们希望的样子，这个情况往往是由于浏览器默认样式造成的。

为了达到我们想要的效果，我们可以使用 CSS 来去掉这些选中样式。

input:focus,textarea:focus {
        outline: none;
}
    

上述代码中，我们使用了伪类选择器 :focus 来选择文本框被选中时的样式，然后将 outline 属性值设置为 none，这样就可以去掉文本框选中时的样式。

当然，在添加上述代码后，我们需要运用 CSS 的层叠性，来确保之前的样式不会与这边的样式发生冲突。如果有冲突，我们还需敲击更多的 CSS 代码来消除它们之间的冲突。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！