Sakuya_wd
@Sakuya_wd (霧崎さくや)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

Webサイトからhoverした際に変化する色を取得するには

問題

現在iSaraの模写をしています。
headerのお問い合わせボタンをhoverした際に色が変わるのですが、
変わった際の色を取得したいです。

ChromeのColorPick EyeDropperで変わった際の色を取得しようとしましたが不可能でした。
他に習得する方法はないのでしょうか。

スクリーンショット 2020-10-20 10.45.09.png

0

2Answer

すみません、質問を誤解していました。
下記の方法ならいけると思います。

  1. 「お問い合わせ / 資料請求はこちら」を右クリック
  2. 「検証」を選択(デベロッパーツールが開く)
  3. 「Elements」タブを開く
  4. 「Styles」のタブで「:hov」をクリック(「Force element state」が開く)
  5. 「:hover」をチェック
  6. 該当するCSSを探す

ss2.png

2Like

Comments

  1. @Sakuya_wd

    Questioner

    丁寧に教えてくださり有り難うございます。
    質問の意図が分かり辛く申し訳ございませんでした。

Chromeのデベロッパーツールを使ってみてください。

  1. 「お問い合わせ / 資料請求はこちら」を右クリック
  2. 「検証」を選択(デベロッパーツールが表示される)
  3. 「Elements」タブを開く
  4. 「Styles」のタブでそれらしいCSSを探す

ss.png

0Like

Comments

  1. @Sakuya_wd

    Questioner

    ご回答有り難うございます。
    デベロッパーツールですとhover後の色は分かりません。

Your answer might help someone💌