本文摘自PHP中文网，作者青灯夜游，侵删。
CSS3 appearance属性用于修改元素的默认的样式，改变元素的外观。
CSS3 appearance属性
作用：appearance 属性允许您使元素看上去像标准的用户界面元素。
语法：
1 |
|
属性值：
● normal：正常呈现元素
● icon：作为一个小图片来呈现元素。
● window：作为一个视口来呈现元素。
● button：作为一个按钮来呈现元素。
● menu：作为一个用户选项设定来呈现元素选择。
● field：作为一个输入字段来呈现元素。
说明：IE和Opera不支持appearance属性；Firefox需要添加-moz-前缀，支持 -moz-appearance属性；Safari 和 Chrome需要添加前缀-webkit-，支持 -webkit-appearance属性。
CSS3 appearance属性的使用示例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
|
效果图：
说明：由于 appearance属性还没有成为标准，在渲染时，仍然是各浏览器各自为政，还无法达到统一的标准。因此，在不同浏览器中会得到不同的渲染效果。
以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。
以上就是CSS3 appearance属性怎么用？的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
css3中text-shadow实现文字阴影效果（代码实例 ）
html5实践-使用css3如何完成google涂鸦动画的详解
更多相关阅读请进入《appearance属性》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
