實例
使 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)為輸入字段。 |
更多建議: