取消input、textarea选中后的默认边框样式

某些浏览器下，输入框即使被设置了圆角，点击后边框的矩形轮廓仍然可见。

例如，谷歌浏览器，严重影响页面显示效果。

其实解决方法很简单，只需要设置一下CSS样式即可，看下面代码，这样就解决了

input,textarea{outline: none;}

 

虽然上面的可以解决问题，但为了更好地解决其余未发现问题，一般都会全局给input文本域等输入框和按钮设置以下全局CSS样式

input, button, select, textarea{
outline: none;
-webkit-appearance: none;
border-radius: 0;
}

 

border-radius: 0;也要写上，如果某个输入框需要设置圆角时，可以通过类名或ID设置，可以将全局的覆盖。