Apply same style to multiple CSS attribute selector

Question

How can I apply the style below to a type="submit" at the same time? Without duplicating the entire block?

input[type="button"] {
  width: 120px;
  margin-left: 35px;
  display: block;
}

dippas · Accepted Answer · 2015-01-21 23:39:26Z

3

using a comma(,) just like this:

input[type="button"], input[type="submit"] {
width: 120px;
margin-left: 35px;
display: block;
}

check more info here

answered Jan 21, 2015 at 23:39

dippas

60.8k15 gold badges125 silver badges134 bronze badges

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

Comments

Fuzzyma · Accepted Answer · 2015-01-21 23:39:21Z

1

Use a ,:

input[type="button"], input[type="submit"] {
    width: 120px;
    margin-left: 35px;
    display: block;
}

answered Jan 21, 2015 at 23:39

Fuzzyma

8,6686 gold badges32 silver badges69 bronze badges

Csarsam · Accepted Answer · 2015-01-21 23:39:42Z

1

You can apply a block of styles to multiple selectors by separating the selectors with commas, as follows:

input[type="button"], input[type="submit"] {
  width: 120px;
  margin-left: 35px; 
  display: block;
}

answered Jan 21, 2015 at 23:39

Csarsam

4163 silver badges7 bronze badges