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

ボタンのホバー時の色は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(彩度)調整してあげれば一括で色管理出来ます。

今日はここまで
ボタンのホバー時の色はfilterに任せる

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


開発

bootstrap等のボタンの色をインラインスタイルで指定しようとした場合、ホバー時(:hover)の色指定は出来ません。 数個であれば直接CSSを更新すれば良いのですが、数が多いと面倒です。 そのような際は、 <…


関連する記事



こちらはいかが?


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*(必須)

*(必須・表示されません)