IE9 CSS 表单看起来很糟糕FireFox、Safari、Chrome 和移动设备外观完美答案

【问题标题】：IE9 CSS Form Looks Terrible | FireFox, Safari, Chrome, & Mobile Look PerfectIE9 CSS 表单看起来很糟糕FireFox、Safari、Chrome 和移动设备外观完美
【发布时间】：2011-11-30 04:56:27
【问题描述】：

我正在设计的网站是：
http://www.centerforconfidence.com/addons/stop-tracking-ga/index.php?ct=disable

在所有主要网络浏览器上，包括：FireFox、Safari、Chrome 和 Mobile...网站和表单看起来都很完美。

在 IE9 及以下版本上，它看起来很糟糕。表单没有样式，并且由于某种原因，整个内容 div 左对齐而不是居中。

如何在不重新设计整个网站和表单的情况下修复 IE9 上的表单样式和内容对齐方式，使它们看起来像设计的那样？

我正在使用适用于 Wordpress 3.0+ 的 Azthetiks 产品启动器平台
谢谢！

【问题讨论】：

第 1 步：确保它验证（它没有）
我认为您发布的链接不正确...
（只是吹毛求疵：IE 是一个主要的网络浏览器 - 它的市场份额比任何其他浏览器都大......）
是的，链接是正确的。它重定向到登录页面那么，为什么表单在 IE 浏览器上不验证或样式呈现，但在所有其他浏览器上都能正常工作？仅供参考，IE 现在的市场份额实际上比 FireFox 小，比例为 2:1，FireFox 与 IE
IE 仍然是全球和大多数国家/地区市场上最大的浏览器，gs.statcounter.com

标签： jquery forms css internet-explorer-9

【解决方案1】：

IE 9 正在以 Quirks 模式显示网页。如果您打开开发者工具 (F12) 并选择标准模式，表单的按钮将变为黄色并应用其他样式。

因此，您需要确保 IE 选择标准模式，通过使用不同的 DOCTYPE 或通过其他方式。

【讨论】：

谢谢！！！我应该将它设置为什么 Doctype？我可能会得到一个 wordpress 插件来为我更改它！

【解决方案2】：

已修复。 IE9 不允许在 DOCTYPE 声明之前使用 cmets。我删除了 html cmets，它在 IE9 标准模式下完美运行。感谢您的提示！

【讨论】：