Question

html input给圆角是border-radius.但点击后出现的带颜色的边框还是直角的，怎样让点击后的颜色边框呈圆角

css
input:focus{
border-radius:5px;
} 不行啊

Answer 1

可以在点击事件里加上这个试试，但这个仅仅只能去除点击后出现的直角，点击时去不掉
$(this).css({'border-radius':'15px','outline':'none'});

Answer 2

IE不支持直接圆角边框，可以用图片拼接，FF里面可以用-moz-border-radius: 上左 上右 下右 下左; 进行控制。

Answer 3

是不是没有兼容的问题，貌似ie浏览器8以下是不会有focus伪类的效果的
还有火狐浏览器也是要有兼容写法的，具体你上网找有很多教程的