CSSだけで必須入力マーク「*」を表示する

CSSだけで必須入力マーク 「*」を表示する方法を紹介する。

CSS

ラベルの前に必須マークを表示するCSS。

.required::before {
  content: " *";
  color: red;
  vertical-align: middle;
}

ラベルの後に表示する場合。

.required::after {
  content: " *";
  color: red;
  vertical-align: middle;
}