输入框圆角

首先 说一下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 一样的效果 但是是带圆角的哦!!!