Use css to remove the default control style from webikt kernel browsers such as chrome and safari. chromewebikt

Use css to remove the default control style from webikt kernel browsers such as chrome and safari. chromewebikt

There is a private property of such a webkit:

-Webkit-appearance: none;/* remove the default input style */

When this style is added and the value is 'none', the browser's default style for the control can be canceled.

In addition, this property also has a magical place ~ It can be used to call the display browser's default style for various controls,

For example, I am a span !! The display effect is the built-in style of the button tag.

Haha, it's interesting ~

In addition, this attribute can be used to remove the default button style of the Iphone's disgusting oversized rounded corner, so that the edited button style can be displayed normally.

The following figure shows the values that this property may have. It is also the default effect of the browser control 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

Scrollpolicumb-horizontal

Scrollpolicumb-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