CSS3 appearance 屬性
實例
使 div 元素看上去像一個按鈕：
div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari 和 Chrome */
}
頁面底部有更多實例。
瀏覽器支持
所有主流瀏覽器都不支持 appearance 屬性。
Firefox 支持替代的 -moz-appearance 屬性。
Safari 和 Chrome 支持替代的 -webkit-appearance 屬性。
定義和用法
appearance 屬性允許您使元素看上去像標準的用戶界面元素。
| 默認值： | normal |
|---|---|
| 繼承性： | no |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.appearance="button" |
語法
appearance: normal|icon|window|button|menu|field;
| 值 | 描述 |
|---|---|
| normal | 將元素呈現(xiàn)為常規(guī)元素。 |
| icon | 將元素呈現(xiàn)為圖標（小圖片）。 |
| window | 將元素呈現(xiàn)為視口。 |
| button | 將元素呈現(xiàn)為按鈕。 |
| menu | 將元素呈現(xiàn)為一套供用戶選擇的選項。 |
| field | 將元素呈現(xiàn)為輸入字段。 |