CSS3 appearance 属性

w3school 在线教程

## CSS 参考手册

- CSS 参考手册
- CSS 选择器
- CSS 听觉参考手册
- CSS 网络安全字体
- CSS 单位
- CSS 颜色
- CSS 颜色值
- CSS 颜色名
- CSS 颜色十六进制

# CSS3 appearance 属性

CSS 参考手册

## 实例

使 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 | 将元素呈现为输入字段。

CSS 参考手册