问题:
input标签获取焦点时有蓝边。
原因:
浏览器自动会给输入框input
、textarea
的outline
属性设置一个默认值,效果就是当输入框获得鼠标焦点时外边框会自动带上颜色,失去焦点时外边框颜色消失。由于不同浏览器outline
属性的默认值不同,导致外边框的颜色也不同。如果不想要浏览器的outline
默认设置,只需要将 outline
属性设置为none
即可。
解决:
结果:
总结:如果还有问题,可能是css的就近原则和权重问题,就是优先级的问题。