我已从 Quirks 模式切换到标准模式(HTML 4.01 过渡),并注意到在 IE7 和 IE8 中,所有表单元素的样式现在都不同于它们在 Quirks 模式下的样式。
在 Quirks Mode 中,选择下拉框的元素周围没有边框,看起来有点圆滑,而在添加 DOCTYPE 声明后,选择的框在输入矩形和正方形周围都显示有边框,带有看起来非常漂亮的小黑色三角形像 Windows 95。
我看到 Windows 7 系统的样式行为发生了这种变化,默认标准皮肤启用了透明度。
显然,在 Quirks Mode 中,精美的 Windows 系统皮肤应用于表单元素的样式,而切换到 HTML 4.01 Transitional 则切换到经典的老式 Windows-95 外观。通过在 Internet Explorer 中以 Quirks 模式(即无 doctype)打开一个表单,然后通过 Developer Tools 窗口 (F12) 将文档模式切换到 IE8 标准,可以很容易地看到差异。
我没有为表单元素(如输入、选择等)定义任何 CSS 规则,即这会影响表单元素的无样式显示。
我的问题是:如何让 IE8 显示具有“花式”系统皮肤的表单,用于具有 doctype 的页面?
我意识到我可以使用 CSS 进行自定义表单样式设置,但是有没有办法强制将系统装饰应用于标准模式下的默认表单元素?还是我错过了什么?
我使用的文档类型是<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
.