スクロールバーの背景透過方法について

Question

overflow:scroll;等の処理で表示したスクロールバーの背景色を透過、または変更したいのですが、どのように実装すべきでしょうか？
![

【試したこと】
overflow:scroll;を指定している要素に::-webkit-scrollbar-trackを指定し、backgroundを記述しても反映されませんでした。

#Box {
  width: 50%;
  height: 94%;
  overflow-y: auto;
  &::-webkit-scrollbar-track {
    background-color: whitesmoke;
}

scrollbar-colorというプロパティも見つけましたが、FFでしかサポートされていませんでした。参考

何らかの方法についてご存知の方、よろしくお願いいたします。

Answer 1

当方の環境では、以下のようにすると背景色を変えることができました。

#Box {
// ...
  &::-webkit-scrollbar {
    width: 16px;
    height: 16px;
  }
  &::-webkit-scrollbar-track {
    background-color: red;
  }
}

Comments

[takgria]

&::-webkit-scrollbarの指定を入れたところ解決しました！
ありがとうございます。