box-shadow和border-radius兼容性问题

Question

给input设置的样式：
input{

border:1px solid #e6e6e6;
border-radius: 20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;

}
input:focus{

box-shadow:0 0 4px #4999C9;
-moz-box-shadow:0 0 4px #4999C9;
-webkit-box-shadow:0 0 4px #4999C9; 

}

火狐显示没有获得焦点和获得焦点时都是正常的：

然后Google、opera、搜狗还有猎豹获得焦点时显示都有问题，

css代码不是兼容了嘛，请问这个是什么原因？

Answer 1

outline在作祟

Answer 2

楼主可以在input上加 outline: 0

然后在inout:focus里面定义自己想要的边框效果