【发布时间】：2011-04-09 01:06:57
【问题描述】：
我有这样的风格：
<style type="text/css">
input[type=text]{
width:300px;
}
</style>
以上代码在 chrome 和 firefox 中工作。为什么不在IE中？ 我在 Reports.aspx 文件末尾的报告服务中使用此代码。
【问题讨论】：
标签： css reporting-services input
【发布时间】：2011-04-09 01:06:57
【问题描述】：
使用 IE7-JS 脚本。 （它最初是为了在 IE6 中添加一些 IE7 的功能而创建的，因此得名。）
IE6 和 IE7 都可以添加这个功能。 （请注意，IE9.js 是最新的，它也是 IE 如何解释 CSS 的 fixes a bunch of other things。）
【讨论】：
假设页面在 IE7 或 IE8 标准模式下加载（不是怪癖），它在 IE8 中工作正常
编辑
您说您使用的是 IE8。在这种情况下，请使用开发人员工具 (F12)，找到您的文本框，然后检查正在应用的样式。
编辑 2
不知道您使用的是哪个版本的报告服务。刚刚去了一个 2000 实例，报表管理器正在提供以 quirks 模式呈现的页面，所以祝你好运，如果有的话，样式可以工作。
编辑 3
您可以通过在 aspx 页面的头部添加meta tag 来强制 IE 以 IE8 模式呈现。例如。 ：
<head>
<meta http-equiv="X-UA-Compatible" content="IE=100" >
<!-- Rest of <head> -->
【讨论】：
-
我在 2005 实例中使用 Reporting Services
-
@niao - 开发者工具会告诉你 IE 是如何呈现你想要设置样式的页面的。按 F12，在菜单栏中它将显示浏览器模式和文档模式。我没有 2005 实例可玩，但我打赌它也会以怪异模式呈现。
-
是的，你是对的。它以怪癖模式呈现。我可以以某种方式更改它以正确呈现（在 IE7 或 IE8 标准模式下？）
-
@niao - 再次，我正在查看 2000 实例，而不是 2005。但我猜实现是相似的。我认为您会考虑对 aspx 文件本身进行更改，但我不确定您可以将其推进多远。除非我在此过程中遗漏了某些东西，否则无法仅从 CSS 文件中强制它退出怪癖模式。您也许可以将元 UA 兼容标签添加到头部并强制问题。 msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx
-
优于 '100'
仔细检查“输入”和“[”之间没有空格。 This burned me lately。在 FF/Chrome 中工作，但不是 IE。
【讨论】：
哪个版本的IE？
IE6 及更低版本不支持属性选择器。
只使用一个类，保持简单：
input.text
{
width:300px;
}
<input type="text" class="text" />
【讨论】：
-
@nikc - 很好的发现，不知道那个网站！
-
嗯，它是 IE8，正如我所写，也许是因为我正在使用此代码自定义报告服务中的文本框？
-
@niao - 你能发布 HTML 吗？另外，使用 Internet Explorer 开发工具（yuck、firebug FTW）来查看应用了哪些 CSS？也许其他东西正在覆盖它。
-
好吧，当我使用简单的输入 { width: 300px;} 它可以工作，但我不能使用这个，因为我所有的输入都是 300px 宽度
-
@niao - 我没有说使用“输入”，我说对所有你想要 300px 的输入应用一个类，然后根据它设置样式（就像我的回答一样）。