# 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 | 將元素呈現為常規元素。 | | icon | 將元素呈現為圖標（小圖片）。 | | window | 將元素呈現為視口。 | | button | 將元素呈現為按鈕。 | | menu | 將元素呈現為一套供用戶選擇的選項。 | | field | 將元素呈現為輸入字段。 |