input框在使用border-radius进行修改样式时,在点击时,周围会出现颜色,代码如下,效果如下:
.searchHead .searchK #fg{
/* width: 6.5rem; */
width: 100%;
height: 0.9rem;
border-radius: 0.45rem;
border: 1px solid #eeeeee;
background: url(../images/fdj.svg) 0.28rem center no-repeat;
background-size: 0.35rem;
padding: 0.21rem 0 0.21rem 0.4rem;
box-sizing: border-box;
}
而实际在点击过程中我们是不希望出现这种效果的。所以只需要加上一行代码即可
最终上图的边框外围颜色就不会显示了