CodePen Embed - ユーザーアクション擬似クラス (:hover,:active,:focus)の使用例

<a href="#">ダミーテキスト</a><br />
<input type="text" size="20">

a:hover {
  color:red;
}
a:active {
  color:green;
}
input:focus {
  background-color: yellow;
}

This Pen is owned by niwaka-web on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.