| 网页制作Webjx文章简介：css3 appearance简介. |
我们来简单了解一下上文中提到的css appearance。在之前研究html5表单的时候，一直很好奇浏览器是通过什么渲染不同的表单界面的，后来在Chrome中查看类型为range的input的时候，发现了这个有趣的属性：
然后右边的样式显示是这样的：
后来就发现CSS3规范中对appearance有定义，MDC也有对这个属性的描述。
这真是个非常有趣的属性，可以用来伪装或是实现一些特殊的界面，比如将input[type=text]的appearance设置为button后，它看起来就像是一个按钮了：
样式如下：
1 2 3 4 |
input[type=text]{ -moz-appearance:button; -webkit-appearance:button; appearance:button;} |
不过现在只有webkit和firefox通过私有属性支持，各大浏览器还都没有完全正式的支持，而且它们支持的appearance属性值也不完全相同。不过既然W3C将其列入规范中，相信不久的将来，各大浏览器都会对这个属性实现一些基本的支持的吧，这样我们就能更好的控制页面中元素的表现了。
David Walsh不久前也简单的讲述了这个属性，只是只针对webkit，他还做了个demo页面。
关于CSS3 appearance，欲了解更多，请查阅：
我们也会不断关注这个属性在各个浏览器中的进展。
欢迎大家阅读《渲染HTML5表单界面:CSS3 appearance_css》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：渲染HTML5表单界面:CSS3 appearance_css
转载请注明原文链接：渲染HTML5表单界面:CSS3 appearance_css
