[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

Who liked: No user

[GONSY]

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

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

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

♥ 1

Who liked:

[KUGA]

GONSY様

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

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

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

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

 

♥ 1

Who liked:

[GONSY]

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

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

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

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

demo.gonsy.net

♥ 3

Who liked:

[KUGA]

GONSY様

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

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

♥ 2

Who liked:

[投稿者]

投稿