There is such a WebKit private property:
-webkit-appearance:none; /* Remove input Default style */
When you add the style and the value is ' none ', you can cancel the browser's default style for the control.
This property also has a magical place ~ He can be used to invoke display browser to the default styles of various controls,
For example: I am span AH pro!! Then the effect he shows is the self-styled style of the button tag.
Ha thought it was very interesting ~
In addition, this property can be used to remove the disgusting super-large corner of the iphone button default style, so that their own editing button style display normal.
The following are the possible values for this property, as well as the default effects of browser controls that can be displayed.
CheckBox
Radio
Push-Button
Square-button
button
Button-bevel
ListBox
ListItem
Menulist
Menulist-button
Menulist-text
Menulist-textfield
Scrollbarbutton-up
Scrollbarbutton-down
Scrollbarbutton-left
Scrollbarbutton-right
Scrollbartrack-horizontal
Scrollbartrack-vertical
Scrollbarthumb-horizontal
Scrollbarthumb-vertical
Scrollbargripper-horizontal
Scrollbargripper-vertical
Slider-horizontal
Slider-vertical
Sliderthumb-horizontal
Sliderthumb-vertical
Caret
Searchfield
Searchfield-decoration
Searchfield-results-decoration
Searchfield-results-button
Searchfield-cancel-button
TextField
TextArea