Css去除系统默认的样式

 /*看起来像个按钮，以按钮的风格渲染*/

.lookLikeAButton {
    -webkit-appearance: button;
    -moz-appearance: button;
}


/*看起来像个清单盒子，以listbox风格渲染*/

.lookLikeAListbox {
    -webkit-appearance: listbox;
    -moz-appearance: listbox;
}


/*看起来像个清单列表，以listitem风格渲染*/

.lookLikeAListitem {
    -webkit-appearance: listitem;
    -moz-appearance: listitem;
}


/*看起来像个搜索框，以searchfield风格渲染*/

.lookLikeASearchfield {
    -webkit-appearance: searchfield;
    -moz-appearance: searchfield;
}


/*看起来像个文本域，以textarea风格渲染*/

.lookLikeATextarea {
    -webkit-appearance: textarea;
    -moz-appearance: textarea;
}


/*看起来像个下接菜单，以menulist风格渲染*/

.lookLikeAMenulist {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
}