前端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;

链接:CSS outline:none    input

原文地址:https://www.cnblogs.com/dagongren/p/14119304.html