CSSだけでlist-styleのマーカーの色を変更する方法 | Web技術指南書<ul>タグ内のリストのマーカーをdiscにしていたのですが、テキストの色と同じだと強すぎて少し薄くしたいという要望がありました。そこで、HTMLマークアップは変更することなく、CSSだけでlist-styleのマーカーの色を変更する方法を紹介します。 標準のリストマーカー 何も手を加えていない状態での<ul>、<li>は下のようになります。 See the Pen Normal list-style by JaSTIN (@JaSTIN) on CodePen.24295 黒く大きなマーカーは主張が強い印象があります。CSSだけでリストマーカーを変更 方法としては、まず<ul>タグのlist-styleを無効にして、<li>タグの:before疑似要素に対して、マーカーを設定しています。See the Pen Change list-style by JaSTIN (@JaSTIN) o
