如何取消烦人的浏览器默认输入框样式

web前端新手会遇到这样的问题，就是浏览器自带样式很烦人，尤其是我们要设置的样式和它冲突之后。我们不管设置:focus还是其他搜不能取代它。其实办法很简单，以下是取消默认样式的方法：

取消聚焦边框

input,button,select,textarea{
outline:none
}

粗暴点我们还可以加上这句（CSS3）：

-webkit-apperance:normal;

语法

appearance: normal|icon|window|button|menu|field;

值	描述
normal	将元素呈现为常规元素。
icon	将元素呈现为图标（小图片）。
window	将元素呈现为视口。
button	将元素呈现为按钮。
menu	将元素呈现为一套供用户选择的选项。
field	将元素呈现为输入字段。