ansaurus

Question

input[type=submit] css not working in IE6

Answer 1

+3 A:

You're right, it doesn't work.

Quirksmode.org is an excellent site with browser compatibility info:

http://www.quirksmode.org/css/contents.html

erikkallen 2009-08-20 10:52:57

Answer 2

+2 A:

Instead, give the input a class, and then style it from there. Like this:

<input type="submit" class="myClass" value="Search" />

And then style the .myClass in your CSS. This should also work in IE6.

Kim Andersen 2009-08-20 10:55:51

Why was this downvoted? It's the solution

erikkallen 2009-08-20 11:19:37

Yeah I don't get it either. How should I know that you couldn't insert some extra code?

Kim Andersen 2009-08-20 11:23:56

Answer 3

+1 A:

The Internet Explorer 6 doesn’t support the attribute selector [attr="value"]. So there is no way to address that submit input element with CSS only (IE 6 doesn’t support the adjacence selector + and :last-of-type selector neither that would help in this case).

So the only options you have is to either make that element uniquely addressable by adding a class or ID or wrapping it into an additional span element.

Or – as you’ve already stated that you can’t do that – use JavaScript to select that element and apply the CSS rule to it. jQuery can make this fairly easy:

$("form input[type=submit]").css({
    "background-color": "#FE9900",
    "font-weight": "bold",
    "font-family": "Arial,Helvetica,sans-serif",
    "border": "1px solid #000066"
});

Gumbo 2009-08-20 11:20:38

ansaurus

tags:

views:

answers:

input[type=submit] css not working in IE6

related questions