CSS3 appearance 属性
实例
使 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 | 将元素呈现为输入字段。 |