首先 说一下input 当鼠标点击输入框的时候 也就获取焦点的时候 input外会出现outline 但是这个outline 没有圆角 不想border有border-radius
这样就出现问题啦 input的border有border-radius 圆角
但是当获取焦点时的outline没有圆角
这样的问题怎么解决呢 ?
往下看
既然outline没有圆角 ,我们就不用它
我来找一个替代的写法 用什么呢?
用box-shadow
当获取焦点时
outline:none;
border:1px solid blue;
box-shadow:0 0 1px 2px #9ec0f7;
这样就会有一个和outline 一样的效果 但是是带圆角的哦!!!