-webkit-appearance property

Changes the appearance of an element to resemble native user interface controls.

IE11

 

Syntax

-webkit-appearance: none | button | textfield

Property values

none

Default. The appearance of an element is not changed.

button

The element is changed to resemble a button.

textfield

The element is changed to resemble a textfield.

CSS information

Applies ToAll elements
Mediavisual
Inheritedno
Initial Valuenone

Examples

The sample below changes the appearance of a specific class to resemble a button.


.button {
   -webkit-appearance: button;
}

See also

CSSStyleDeclaration

 

 

Show: