CSS3 appearance 屬性

2022-06-02 14:28 更新

實例

使 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)為輸入字段。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號