如何在IE6 CSS中设置<input type =“text”/>样式?

时间:2009-02-06 11:21:54

标签: css internet-explorer-6 css-selectors

在IE6下,是否有任何优雅的方式将某种风格应用于所有<input type="text">元素?我可以用一些JavaScript来做,但我想知道是否有一种更优雅的方式来做它。

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

4 个答案:

答案 0 :(得分:14)

AFAIK,IE6不支持attribute selectors,所以我认为答案是否定的。您必须使用以下其中一项:

  1. 为所有<input type="text"/>元素添加公共类属性。
  2. 按照建议使用JavaScript。
  3. 您要避免的两个。太糟糕了。

答案 1 :(得分:8)

如果你碰巧使用jQuery,请尝试将其添加到onDOMready:

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

然后在你的CSS中,你可以这样:

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

答案 2 :(得分:1)

您是否还有其他输入元素,您希望以不同的方式设置“text”元素?如果没有,只需使用CSS将样式应用于所有输入元素:

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

答案 3 :(得分:1)

在你的输入元素上放一个class属性是否适合你?

  

input.text {

     

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

     

}

  • 也许比JS更优雅