開発

ボタンのホバー時の色はfilterに任せる


bootstrap等のボタンの色をインラインスタイルで指定しようとした場合、ホバー時(:hover)の色指定は出来ません。

数個であれば直接CSSを更新すれば良いのですが、数が多いと面倒です。

そのような際は、

<a hre="#" class="btn btn-primary">リンクボタン</a>

<a hre="#" class="btn btn-primary btn-custom" style="background-color: #FF495F;">リンクボタン</a>
.btn-custom:hover{
  filter: saturate(0.75);
}

とマウスオーバー時のfilterプロパティでsaturate(彩度)調整してあげれば一括で色管理出来ます。


タグ: bootstrap

コメントを残す