伪元素大家熟悉的可能也就是常见的那几种，比如“::before”、“::after”等，熟不知各大引擎浏览器都有自己的私有伪元素，用来做一些特别的处理。比如前段时间CtripUED团队整理的Webkit CSS Library，里面整理了所有webkit引擎浏览器的私有属性和一些伪元素对元素的样式处理。本文由D姐根据TJ VanToll的英文文章原名《List of Pseudo-Elements to Style Form Controls》进行翻译，向大家介绍了一些伪元素控制表单的样式方法。因为当开发web应用程序时，表单样式是个头疼的问题。以前，web开发人员不得不接受一个现实，就是由客户端浏览器控制表单样式。然而，作者通过伪元素给web渲染引擎添加钩子，就可以控制表单的显示。然而，所有这些伪元素都是依赖于特定浏览器引擎的(所以要带有浏览器引擎前缀)，这样方便区分特定的浏览器引擎。以下是我自己搜集整理的，在Trident, Gecko, 和 WebKit浏览器引擎下面都可用的伪元素列表。希望这篇文章对大家处理表单时有所帮助。

前段时间在《修复iPhone上submit按钮bug》中介绍了使用“-webkit-appearance: none; ”来改变按钮在iPhone下的默认风格，其实我们可以反过来思路，使用“appearance”属性，来改变任何元素的浏览器默认风格，简单的说，你可以使用“appearance”属性将“段落p”渲染成button的风格，也可以渲染成“输入框”、“选择框”等效果。那么今天在这篇文章中我们一起来体会一下“appearance”的使用。