CSS教程
CSS3 教程
Bootstrap3 教程
Bootstrap4 教程
Font Awesome 图标
Foundation5 教程CSS3 appearance 属性
实例
使 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 语法: | object object.style.appearance="button" |
语法
appearance: normal|icon|window|button|menu|field;
| 值 | 说明 |
|---|---|
| normal | 正常呈现元素 |
| icon | 作为一个小图片的呈现元素 |
| window | 作为一个视口呈现元素 |
| button | 作为一个按钮，呈现元素 |
| menu | 作为一个用户选项设定呈现元素选择 |
| field | 作为一个输入字段呈现元素 |