Internet Explorer在Quirks模式与标准模式下形成样式问题

时间:2011-04-22 15:06:20

标签: css internet-explorer-8 internet-explorer-7 quirks-mode

我已经从Quirks模式切换到标准模式(HTML 4.01 Transitional),并注意到在IE7和IE8中,所有表单元素的样式现在都与Quirks模式中的不同。

在Quirks模式中,选择下拉框在元素周围没有边框,看起来很圆滑,而在添加DOCTYPE声明后,选择的边框在输入矩形周围显示,并且在方形周围显示小黑三角形看起来非常像Windows 95。

我看到Windows 7系统上的样式行为发生了这种变化,其默认标准外观已启用透明度。

显然在Quirks Mode中,花哨的Windows系统外观应用于表单元素的样式,而切换到HTML 4.01 Transitional切换到经典的旧式Windows-95外观。通过在Internet Explorer中以Quirks模式(即无文档类型)打开表单,然后通过“开发人员工具”窗口(F12)将文档模式切换为IE8标准,可以轻松看出差异。

我没有为表单元素定义任何CSS规则,例如input,select等,这会影响表单元素的无样式显示。

我的问题是:如何让IE8显示带有'花式'系统外观的表单,以获得具有doctype的页面?

我意识到我可以使用CSS进行自定义表单样式,但有没有办法强制系统修饰应用于标准模式中的默认表单元素?或者我错过了什么?

我使用的文档类型是<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

2 个答案:

答案 0 :(得分:2)

有一种方法可以强制IE使用X-UA Compatible meta tag的特定渲染引擎。如果您使用以下内容,您的页面将以Quirks模式呈现:

<meta http-equiv="X-UA-Compatible" content="IE=5" >

但是,我有没有经验,所以它根本不起作用。 :d

答案 1 :(得分:1)

看起来某些事情如下拉按钮的外观无法修改 - 这些是浏览器/操作系统特定的。

为什么Internet Explorer对具有DOCTYPE的页面使用通用的Window Classic样式,并且用于Quirks模式的花哨的OS定义的装饰仍然是一种迷惑。

相关问题