前些天写了一个页面,要求头部导航进行固定定位position:fixed.内容区域有输入框input。在大多数手机上都是显示正常的,可偏在一些低版本的手机却出现问题了。
把我给苦恼的不行。
问题:头部固定定位后,当input获得焦点时,头部导航会向右闪动一下出现这么个情况。
后来终于找到了解决的办法。就是一个属性在作怪:input{outline:none}加上这个就ok了。
outline 属性在一个声明中设置所有轮廓属性。input上加上outline与去掉outline属性,input会有一个明显的不同。
这说明自己的知识还是十分的浅薄,要好好的加强自身的修炼了。