CSS3 教程
CSS3 appearance 屬性
實(shí)例
使 div 元素看上去像一個(gè)按鈕：
div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
運(yùn)行代碼 ?
瀏覽器支持
所有主流瀏覽器都不支持 appearance 屬性。
Firefox 支持替代的 -moz-appearance 屬性。
Safari 和 Chrome 支持替代的 -webkit-appearance 屬性。
標(biāo)簽定義及使用說(shuō)明
appearance 屬性允許您使元素看上去像標(biāo)準(zhǔn)的用戶界面元素。
| 默認(rèn)值: | normal |
|---|---|
| 繼承: | no |
| 版本: | CSS3 |
| JavaScript 語(yǔ)法: | object object.style.appearance="button" |
語(yǔ)法
appearance: normal|icon|window|button|menu|field;
| 值 | 說(shuō)明 |
|---|---|
| normal | 正常呈現(xiàn)元素 |
| icon | 作為一個(gè)小圖片的呈現(xiàn)元素 |
| window | 作為一個(gè)視口呈現(xiàn)元素 |
| button | 作為一個(gè)按鈕，呈現(xiàn)元素 |
| menu | 作為一個(gè)用戶選項(xiàng)設(shè)定呈現(xiàn)元素選擇 |
| field | 作為一個(gè)輸入字段呈現(xiàn)元素 |