CODEWITHSUNDEEP
cssinternet-explorer-6css-selectors
Vilx-
Vilx-

Reputation: 106912

How to style <input type="text"> in IE6 CSS?

Is there any elegant way of applying a certain style to all <input type="text"> elements under IE6? I can do it with some JavaScript, but I was wondering if there was a more elegant way of doing it.

Note - I cannot apply a certain class to all textboxes by hand. And I'd like to avoid CSS expressions.

Upvotes: 17

Views: 24609

Answers (4)

Jeremy Ricketts
Jeremy Ricketts

Reputation: 2601

If you happen to be using jQuery, try adding this to your onDOMready:

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

Then in your CSS you could so something like:

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

Upvotes: 8

Rhodri Davies
Rhodri Davies

Reputation: 11

Does putting a class attribute on you input element work for you?

input.text{

//some CSS attributes and values here....

}

  • maybe more elegant than JS

Upvotes: 1

David Hanak
David Hanak

Reputation: 10974

AFAIK, IE6 does not support attribute selectors, so I think the answer is no. You'd have to use one of the following:

  1. Add a common class attribute to all <input type="text"/> elements.
  2. Use JavaScript, as you suggested.

Both of which you want to avoid. Too bad.

Upvotes: 14

Stuart
Stuart

Reputation: 309

Do you also have other input elements which you wish to style differently to the "text" element? If not, just apply the style to all input elements with CSS:

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

Upvotes: 1

Related Questions