CSS 取消input输入框聚焦时的边框(border&outline)

输入框默认聚焦后会有一个边框样式
请添加图片描述
想去掉这个样式先了解下border和outline

border&outline

outline属性值可以设置宽度、样式、颜色,顺序无所谓,同border样式。
请添加图片描述
border 和 outline 都绘制于元素周围,它们的区别是 outline 不占据空间

注意:对于很多元素来说,如果没有设置样式,轮廓是不可见的。因为样式(style)的默认值是 none。但 input 元素是例外,其样式默认值由浏览器决定。

将 outline 设置为 0 或 none 会移除浏览器的默认聚焦样式

outline:none
outline:0

Guess you like

Origin blog.csdn.net/qq_39706777/article/details/120495957