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 | 将元素呈现为输入字段。 |