Question

我有一些这样的风格：

<style type="text/css">
input[type=text]{
width:300px;
}
</style>

上面的代码适用于chrome和firefox。为什么不在IE？我在Reports.aspx文件末尾的Reporting Services中使用此代码。

Answer 1

哪个版本的IE？

IE6及更低版本不支持属性选择器。

只需使用一个类，保持简单：

input.text
{
   width:300px;
}

<input type="text" class="text" />

Answer 2

在IE8中工作正常，假设页面在IE7或IE8标准模式下加载（不是怪癖）

修改的

你说过你正在使用IE8。在这种情况下，请使用开发人员工具（F12），找到您的文本框，并检查正在应用的样式。

编辑2

不知道您正在使用哪种版本的报告服务。刚刚去了一个2000实例，报告管理器正在提供以怪异模式呈现的页面，所以祝你好运，如果有的话，可以使用样式。

编辑3

您可以通过在aspx页面中向头部添加meta tag来强制IE在IE8模式下呈现。例如。：

<head>
<meta http-equiv="X-UA-Compatible" content="IE=100" >
<!-- Rest of <head> -->

Answer 3

仔细检查“输入”和“[”之间是否有空格。 This burned me lately。使用FF / Chrome但不是IE。

Answer 4

使用IE7-JS脚本。（最初创建它是为了将IE7的一些功能添加到IE6，因此得名。）

它可以将此功能添加到IE6和IE7。（注意IE9.js是最新的，它在IE解释CSS的方式上也是fixes a bunch of other things。）