CSS 3 appearance 属性
- 作者: 多梦笔记
- 时间: 2026年02月17日 02:07
css appearance 属性可以让元素看上去像标准的用户界面元素
| 默认值: | normal |
|---|---|
| 继承: | no |
| 版本: | CSS3 |
| JavaScript 语法: | object.style.appearance="button" |
语法
| 值 | 说明 |
|---|---|
| normal | 正常呈现元素 |
| icon | 作为一个小图片的呈现元素 |
| window | 作为一个视口呈现元素 |
| button | 作为一个按钮，呈现元素 |
| menu | 作为一个用户选项设定呈现元素选择 |
| field | 作为一个输入字段呈现元素 |
所有主流浏览器都不支持 appearance 属性
Firefox 支持替代的 -moz-appearance 属性
Safari 和 Chrome 支持替代的 -webkit-appearance 属性
范例
使 div 元素看上去像一个按钮
本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！
- 上一篇： CSS border 属性
- 下一篇： CSS 3 animation (动画) 属性
