CSS3: appearance
Thuộc tính appearance dùng để thể hiện cách xuất hiện của một phần tử.
Trình duyệt hỗ trợ
Chrome (-webkit-appearance), Safari (-webkit-appearance) và FireFox (-moz-appearance).
Các giá trị của thuộc tính appearance tương ứng với các hình dạng có thể áp dụng cho phần tử gồm:
| button | checkbox | checkbox-group | combo-box | desktop |
| dialog | document | field | hyperlink | icon |
| inherit | list-menu | menu | menubar | menu-item |
| normal | outline-tree | password | pop-up-menu | pull-down-menu |
| push-button | range | radio-button | radio-group | signature |
| tab | tooltip | window | workspace |
Ví dụ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
#button{
appearance:button;
-webkit-appearance:button;
-ms-appearance:button;
}
#checkbox{
appearance:checkbox;
-webkit-appearance:checkbox;
-ms-appearance:checkbox;
}
</style>
</head>
<body>
<span>Dạng button:</span><br>
<section id="button">V1Study</section><br><br>
<span>Dạng checkbox:</span><br>
<section id="checkbox">V1Study</section>
</body>
</html>