如何在 IE6 CSS 中设置 <input type="text"> 样式？答案

【问题标题】：How to style <input type="text"> in IE6 CSS?如何在 IE6 CSS 中设置 <input type="text"> 样式？
【发布时间】：2010-08-07 08:36:57
【问题描述】：

有没有什么优雅的方法可以在 IE6 下对所有 <input type="text"> 元素应用某种样式？我可以用一些 JavaScript 来做到这一点，但我想知道是否有更优雅的方式来做到这一点。

注意 - 我不能手动将某个类应用于所有文本框。我想avoid CSS expressions。

【问题讨论】：

【解决方案1】：

AFAIK，IE6 不支持attribute selectors，所以我认为答案是否定的。您必须使用以下方法之一：

您想避免这两种情况。太糟糕了。

【讨论】：

jQuery 可以让 javascript 样式化变得不那么痛苦，因为它支持与 CSS 非常相似的选择过滤器
@Alertis：是的，但它仍然是 javascript。
这是一个内部使用的 Web 应用程序，无论如何都严重依赖于 JavaScript。使用它进行造型是没有问题的。我只是想知道是否有更好的方法。
你也可以使用 IE css 表达式，例如：input { _color: expression(this.type=='text' ? 'red' : 'blue'); }

【解决方案2】：

如果您碰巧在使用 jQuery，请尝试将其添加到您的 onDOMready：

$('input[type="text"]').addClass('typeText');

然后在你的 CSS 中你可以这样：

input.typeText, input[type="text"] {
     color:#efefef;
}

【讨论】：

【解决方案3】：

您是否还有其他希望与“文本”元素样式不同的输入元素？如果没有，只需使用 CSS 将样式应用于所有输入元素：

input {
border: 1px #8194b2 solid;
font : normal 100% "Tahoma", sans-serif;
}

【讨论】：

【解决方案4】：

在你的输入元素上放置一个类属性对你有用吗？

输入.文本{

//这里有一些CSS属性和值....

}

【讨论】：