スクロールヒントを白以外の色に変更できるならしたい！

Question

実現したいこと

スクロールヒントを白以外の青色や他の色に変更できるのであればしてみたい！

発生している問題・分からないこと

スクロールヒントをグレーから白に変更することは実装できたけど、
他のサイトを見ていると青色のスクロールヒントを見つけたので、変更できるか調べてみたら、検索結果として出てこなかったため質問させていただきました。

該当のソースコード

<link rel="stylesheet" href="https://unpkg.com/scroll-hint@latest/css/scroll-hint.css">
  <script src="https://unpkg.com/scroll-hint@latest/js/scroll-hint.min.js"></script>
  <script>
    window.addEventListener('DOMContentLoaded', function() {
      new ScrollHint('.js-scrollable', {
        scrollHintIconAppendClass: 'scroll-hint-icon-blue',
        suggestiveShadow: true,
        i18n: {
          scrollable: "スクロールできます"
        }
      });
    });
  </script>

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

scrollHintIconAppendClass: 'scroll-hint-icon-white',

の部分を、

scrollHintIconAppendClass: 'scroll-hint-icon-blue',

と変えてみたがダメでした。

補足

特になし

Comments

[kei344]

まだ質問が「受付中」になっていますが、「解決済」にされてはいかがでしょうか。

Answer 1

scrollHintIconAppendClassを特に指定せずにスタイルを指定すればよいです。

.scroll-hint-icon-wrap .scroll-hint-icon {
  background-color: red;
}

Comments

[scienceteacher]

回答ありがとうございます。
試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。

ありがとうございます！！
kei344さんには、初回の質問に対してもご対応いただきました。
本当に感謝です。ありがとうございました！！