CodePen Embed - [CSS] submit ボタン(hoverで色変更)

<form>
  <p><input type="text"></p>
  <p><input class="hover" type="submit" value="送信する"></p>
  <p><input class="hover-transition" type="submit" value="送信する"></p>
</form>

.hover {
  background-color: white;
  font-size: 11px;
  border-radius: 5px;
}

.hover:hover {
  background-color: yellow;
  font-size: 11px;
  border-radius: 5px;
}

.hover-transition {
  background-color: white;
  font-size: 11px;
  border-radius: 5px;
  transition: 1s;
}

.hover-transition:hover {
  background-color: yellow;
  font-size: 11px;
  border-radius: 5px;
}

This Pen is owned by 17num on CodePen.

See more by @17num on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.