Use CSS to remove chrome, safari, etc. webikt kernel browser to control default Style method introduction

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