CSS Attribute Selectors

CSS Attribute Selectors

It is possible to style HTML elements that have specific attributes or attribute values.

Styling Forms

input[type="text"] {
  width: 150px;
  display: block;
  margin-bottom: 10px;
  background-color: yellow;
}

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

The attribute selectors can be useful for styling forms without class or ID.

CSS Attribute Selectors — Structure map

Clickable & Draggable!

CSS Attribute Selectors — Related pages: