[KUGA]

 

ボタンのホバー時の背景色を白(#ffffff)の色にしたいと考えております。
下記記事を参考にホバー設定をしてみました。

ボタンのhover時にエフェクトをつけたい

このトピックには7件の返信、3人の参加者があり、最後に入山航により7ヶ月、 2週前に更新されました。 8件の投…

snow-monkey.2inc.org

記載したCSSは下記になるのですが、添付画像のようにホバー時の色が白ではなく、灰色となっており、これを白にすることは可能になりますでしょうか？

@media ( min-width: 1024px ) {
  .smb-btn {
    border-radius: 0 !important;
  }

  .smb-btn.smb-btn:hover {
    color: #fff!important;
    border-color: #000;!important;
    background-color: #fff!important;
  }

  .smb-btn.smb-btn:hover span.smb-btn__label {
    color: #000!important;
  }
}

♥ 0

いいねをした人: 居ません

[GONSY]

【お使いの Snow Monkey のバージョン】
【お使いの Snow Monkey Blocks のバージョン】
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】
【当該サイトのURL】
こちらのご提示をお願いします。
 

記載したCSSは下記になるのですが、添付画像のようにホバー時の色が白ではなく、灰色となっており、これを白にすることは可能になりますでしょうか？

画像をアップしてください。
Snow Monkey Blocksのボタンでの設置かと思いますが、その際に右サイドバー内の設定情報も教えてください。

♥ 1

いいねをした人:

[KUGA]

GONSY様

ご連絡ありがとうございます。
失礼いたしまいした。情報下記となります。

【お使いの Snow Monkey のバージョン】バージョン: 17.2.8
【お使いの Snow Monkey Blocks のバージョン】バージョン 16.1.0
【お使いの Snow Monkey Editor のバージョン】バージョン 8.0.2
【お使いのブラウザ】Google　Chrome

また、ブロックの設定情報と、ホバー時の背景色につきまして、画像添付させて頂きました。

ご確認のほど、よろしくお願いいたします。

 

♥ 1

いいねをした人:

[GONSY]

ご提示ありがとうございます。
ボタンはデフォルトで filter: brightness(90%); がかかっていますので、明度が落ちるようになっておりグレーっぽく見えているものと思います。
なので、filterが適用されないようにすればご希望の色になると思います。

.smb-btn:hover {
	filter: none;
	/* もしくは */
	filter: brightness(100%);
}

お試しくださいませ。
 
また、はじめにご提示いただいた参考のトピックに私のサイトが掲載されていましたので、そちらをアップデートしました。
あわせてご覧ください。

ゴーストボタン hover 背景色変更デモ – Demo Site for SM

demo.gonsy.net

♥ 3

いいねをした人:

[KUGA]

GONSY様

早速のご返信ありがとうございます。
ご記載頂いたコードを追記して、背景色の設定が問題無くできました！(filterだったのですね。。)
ありがとうございます！

こちらクローズとさせて頂きます。

♥ 2

いいねをした人:

[投稿者]

投稿