浏览器input输入框焦点时去掉自带的颜色边框

首先我们来看下谷歌默认自带的颜色框!


不得不说这种东西很神烦,特别是加上圆角后,浏览器自带的边框色更是让人感到无语!

通过F12我们可以,看到是箭头指向的属性控制了边框的存在。


到这一步,知道了原因,那么解决起来就很方便了!

input{
outline: none;
}

over,你再次加载页面。得到焦点后,浏览器默认的边框就不会出现了!


六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!