- HTML中文网
- 联系QQ：88526
- QQ交流群
- 微信公众号
前端控
更新时间：2019-03-23 14:49:57
appearance属性
含义：
appearance 属性可以使元素看上去像标准的用户界面元素
浏览器支持：
所有主流浏览器都不支持 appearance 属性。
Firefox 支持替代的 -moz-appearance 属性。
Safari 和 Chrome 支持替代的 -webkit-appearance 属性。
CSS语法：
appearance: normal|icon|window|button|menu|field;
属性值：
| 值 | 说明 |
| normal | 正常呈现元素 |
| icon | 作为一个小图片的呈现元素 |
| window | 作为一个视口呈现元素 |
| button | 作为一个按钮，呈现元素 |
| menu | 作为一个用户选项设定呈现元素选择 |
| field | 作为一个输入字段呈现元素 |
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height: 40px;
text-align: center;
line-height: 40px;
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
</style>
</head>
<body>
<div>按钮</div>
</body>
</html>点击 "运行实例" 按钮查看在线实例
效果图：
推荐手册