編程教程CSS3 appearance 屬性
CSS3appearance屬性
實例
使 div 元素看上去像一個按鈕：
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 */
}
瀏覽器支持
所有主流瀏覽器都不支持 appearance 屬性。
Firefox 支持替代的 -moz-appearance 屬性。
Safari 和 Chrome 支持替代的 -webkit-appearance 屬性。
標簽定義及使用說明
appearance 屬性允許您使元素看上去像標準的用戶界面元素。
| 默認值: | normal |
|---|---|
| 繼承: | no |
| 版本: | CSS3 |
| JavaScript 語法: | objectobject.style.appearance="button" |
語法
appearance: normal|icon|window|button|menu|field;
| 值 | 說明 |
|---|---|
| normal | 正常呈現元素 |
| icon | 作為一個小圖片的呈現元素 |
| window | 作為一個視口呈現元素 |
| button | 作為一個按鈕，呈現元素 |
| menu | 作為一個用戶選項設定呈現元素選擇 |
| field | 作為一個輸入字段呈現元素 |