【发布时间】：2011-10-15 18:26:58
【问题描述】：
请问有人知道使用 CSS 设置 HTML 表单样式的权威指南吗？我想一劳永逸地了解这一点，因为我永远不得不使用 CSS 条件来对表单字段进行排序。
类似于 IE 中表单的备忘单？
非常感谢！
【问题讨论】：
标签： css forms internet-explorer
【发布时间】：2011-10-15 18:26:58
【问题描述】：
我不知道完整的备忘单，但是关于 IE6 的一些知识是：
- 它不支持在同一个元素上有两个类的选择器；例如：
p span.big.red。 IE6 将其解释为p span.red - IE6 不支持 :hover 伪类在除链接之外的任何元素上。
- 当您使用 MS 特定过滤器使透明 PNG 在 IE6 上工作时，请记住
background-position将不起作用。这正是过滤器的工作方式。
我围绕 IE6 做了几个项目，但遗憾的是没有在任何地方记录这样的怪癖:(
当我记得更多时，将尝试在此答案/线程中添加更多内容。
【讨论】：
-
感谢 jrharshath。我一直遇到的问题是输入字段似乎都有不同的边距和填充，尤其是在 IE7 和 IE8 中。 IE9 的渲染效果还可以，但如果愿意，有时也可以成为 IE6 的丑陋继子！而且由于我使用的是重置，我原以为这可以解决填充和边距的问题，但似乎并非如此，所以我想一劳永逸地深入了解它。 ;)
我相信 IE 中的表单控件是由 Windows 而非浏览器呈现的，因此您可能会看到 XP、Vista 和 7 之间的差异。
CSS 无法完全描述表单元素的样式（请参阅 Eric Meyer 关于该主题的博文，“Formal Weirdness“），因此恐怕您将不得不接受浏览器之间的一些差异.
Roger Johansson 做了some comparisons of form control renderings a few years back，但我不确定是否有人详细总结了使用 CSS 形成控件的限制，因为它是一个巨大、痛苦且不断变化的主题。
【讨论】：