CSS - how set style for buttons while input style is set?

Question

I have these two in my html code:

<input class="input1" type="text" size="15" name="login">
<input class="input1" type="submit" value="Send">

In CSS I have styles for .input1 and input.input1:

.input1 {
//something
}
input.input1 {
//something
}

And now I would like change style only for buttons (type submit) and keeps style for inputs type text. How can I do that? I tried in CSS with submit.input1 { and button.input1 { but this is not working.

George · Accepted Answer · 2011-11-09 09:22:55Z

5

Try

input[type=submit] { /* your code here*/ }

or

input.inputbox[type=submit] { /* your code here*/ }

answered Nov 9, 2011 at 9:22

George

4793 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

kapa Over a year ago

Note: IE6 won't understand this.

Lucas Over a year ago

Thanks for help. Is there any other way to do that for IE6 as well (without js)?

George Over a year ago

@bazmegakapa True, as won't Netscape Navigator or Lynx, but we're not talking about mummies here (not referencing Lynx as a "mummy"). You are correct, nevertheless :)

George Over a year ago

@Lucas no solution that I know without butchering your code, but IE6 has 1.8% market share as of September 2011, and dropping. I'm not telling you how to go forward, but in my opinion, this Beelzebub-among-browsers should be left to succumb.

kapa Over a year ago

@George It's an old debate going on, nevertheless, projects still exist where you need to support IE6. Certain countries, certain audiences still have a high usage rate. Unfortunately.

|

Tyler Crompton · Accepted Answer · 2011-11-09 09:23:02Z

1

You can specify attributes in selectors like so .input1[type="submit"]

answered Nov 9, 2011 at 9:23

Tyler Crompton

12.8k15 gold badges69 silver badges99 bronze badges

Collectives™ on Stack Overflow

CSS - how set style for buttons while input style is set?

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related