## appearance 属性 实例 使 div 元素看上去像一个按钮： ~~~ div { appearance:button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button; /* Safari 和 Chrome */ } ~~~ ## 浏览器支持 所有主流浏览器都不支持 appearance 属性。 Firefox 支持替代的 -moz-appearance 属性。 Safari 和 Chrome 支持替代的 -webkit-appearance 属性。 ## 定义和用法 appearance 属性允许您使元素看上去像标准的用户界面元素。 JavaScript 语法：object.style.appearance="button" ## 语法 ~~~ appearance: normal|icon|window|button|menu|field; ~~~ | 值 | 描述 | | --- | --- | | normal | 将元素呈现为常规元素。 | | icon | 将元素呈现为图标（小图片）。 | | window | 将元素呈现为视口。 | | button | 将元素呈现为按钮。 | | menu | 将元素呈现为一套供用户选择的选项。 | | field | 将元素呈现为输入字段。 |