-webkit-appearance property
Changes the appearance of an element to resemble native user interface controls.
![]() |
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 To | All elements |
|---|---|
| Media | visual |
| Inherited | no |
| Initial Value | none |
Examples
The sample below changes the appearance of a specific class to resemble a button.
.button {
-webkit-appearance: button;
}
See also
Show:
