前端H5开发遇到的问题--点击出现黄色边框、内阴影(或其他颜色边框)
解决方法:
加上outline: none;
扩展知识:
浏览器支持 所有主流浏览器都支持 outline-style 属性。 只有在规定了 !DOCTYPE 时,Internet Explorer 才支持 outline-style 属性。 可能的值 描述 none 默认。定义无轮廓。 dotted 定义点状的轮廓。 dashed 定义虚线轮廓。 solid 定义实线轮廓。 double 定义双线轮廓。双线的宽度等同于 outline-width 的值。 groove 定义 3D 凹槽轮廓。此效果取决于 outline-color 值。 ridge 定义 3D 凸槽轮廓。此效果取决于 outline-color 值。 inset 定义 3D 凹边轮廓。此效果取决于 outline-color 值。 outset 定义 3D 凸边轮廓。此效果取决于 outline-color 值。 inherit 规定应该从父元素继承轮廓样式的设置。
出现内阴影怎么办?
input{ border:1px solid #666; } 覆盖掉原来的边框
给input 设置border-radius
-webkit-border-radius:.06rem;
-moz-border-radius:.06rem;
-ms-border-radius:.06rem;
-o-border-radius:.06rem;
border-radius:.06rem;