input 蓝边

问题:

  input标签获取焦点时有蓝边。

    

原因:

  浏览器自动会给输入框inputtextareaoutline 属性设置一个默认值,效果就是当输入框获得鼠标焦点时外边框会自动带上颜色,失去焦点时外边框颜色消失。由于不同浏览器outline 属性的默认值不同,导致外边框的颜色也不同。如果不想要浏览器的outline默认设置,只需要将 outline 属性设置为none 即可。

解决:

         

结果:

    

总结:如果还有问题,可能是css的就近原则和权重问题,就是优先级的问题。

猜你喜欢

转载自www.cnblogs.com/zhangjiabing/p/9382236.html
今日推荐