Use the same CSS style for various attribute selectors

Question

Is there a way to simultaneously apply the following style to a type="submit" without having to repeat the entire block of code?

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

Answer 1

Answer №1

To include multiple elements in CSS selectors, use a comma (,) like so:

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

For additional information, visit this link.

Answer 2

To include multiple elements in CSS selectors, use a comma (,) like so:

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

For additional information, visit this link.

Answer 3

Make sure to use a comma in the selector:

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

Answer 4

Make sure to use a comma in the selector:

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

Answer 5

To efficiently style multiple elements, simply use commas to separate the selectors like this:

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

Answer 6

To efficiently style multiple elements, simply use commas to separate the selectors like this:

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