Use css to remove the default style of controls in webikt kernel browsers such as chrome and safari.

There is such a private attribute of webkit：

　-webkit-appearance:none; /*Remove the input default style*/

Add this style, and when the value is 'none', you can cancel the browser's default style for the control.

In addition, this attribute also has a magical place~ He can be used to call and display the browser's default styles for various controls,

For example: I am span, dear!! Then what he displays The effect is the built-in style of the button label.

I think it’s quite interesting~

In addition, this attribute can be used to remove the disgusting oversized rounded corners button on the IphoneDefault style, so that you can edit the button yourself The style displays normally.

The following are the possible values ​​​​of this property, which can also be regarded 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

The above is the detailed content of Use css to remove the default style of controls in webikt kernel browsers such as chrome and safari.. For more information, please follow other related articles on the PHP Chinese website!