CSS Attribute Selectors: Styling Forms

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.

Related concepts

Styling Forms

CSS Attribute Selectors: Styling Forms — Structure map

Clickable & Draggable!

CSS Attribute Selectors: Styling Forms — Related pages: