2011-04-22 67 views
4

我已经从怪癖模式切换到标准模式(HTML 4.01 Transitional),并且已经注意到在IE7和IE8中,所有表单元素的样式现在都不同于他们在Quirks中的样式模式。怪异模式下的Internet Explorer表单样式问题与标准模式

在怪癖模式中,选择下拉框没有围绕元素的边框,看起来很圆滑,而在添加DOCTYPE声明后,select在输入矩形周围和围绕小黑色三角形的正方形显示它看起来非常像Windows 95.

我在启用透明度的默认标准外观的Windows 7系统上看到了此样式行为的更改。

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

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

我的问题是:如何获取IE8显示与“花哨”系统外观与一个DOCTYPE页形式?

我意识到我可以使用CSS自定义窗体样式,但有没有一种方法可以强制系统装饰应用于标准模式中的默认窗体元素?或者我错过了什么?

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

回答

1

看起来像下拉按钮的外观不能被修改某些事情 - 这些是浏览器/ OS特定的。

为什么IE浏览器对于使用DOCTYPE的页面使用通用的Window Classic风格,而怪癖模式中的花哨的OS定义的装饰仍然是一种m m。

2

有办法迫使IE使用特定的渲染引擎,与X-UA Compatible meta tag。它看起来像你的页面将在怪癖模式呈现,如果你使用类似以下内容:

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

不过,我有这个没有经验,所以它可能无法在所有工作。 :d

+0

此外,即使这确实触发怪癖模式,我严重怀疑它是否会使这些输入你想要的方式。 **编辑**:实际上,在IE9中快速尝试之后,这可能对您有用。没有其他浏览器的帮助,当然... – sdleihssirhc 2011-04-22 16:00:53

+0

嗯,事情是我不想回到怪癖模式与其替代CSS框模型和特质。实际上,这是切换到标准模式的原因。这只是我想从怪癖模式“迁移”的选择元素的样式。不是说我个人关心它,但这是客户的要求。 – ccpizza 2011-04-22 18:24:23

+0

@ccpizza Yikes。我的回答并没有太大的帮助,然后... [这是另一个问题](http://stackoverflow.com/questions/380037/ie6-ie7-css-border-on-select-element)那种的交易,并链接到[本页](http://v2.easy-designs.net/articles/replaceSelect/),实际上说,“保持基本'