スクロールバーの見た目を変更する

Board等を利用する際に、横スクロールできることを視覚的にわかりやすくしたい場合にスクロールバーを常に表示しつつ見た目を変更します。Firefoxでは動作しません。
 
/*スクロールバーの幅*/
::-webkit-scrollbar {
    width: 10px;
}

/*スクロールバー本体の色と丸み*/
::-webkit-scrollbar-thumb {
  background-color: #42c0e2;
  border-radius: 10px;
}

/*テーブルとボードのスクロール領域に付与している影を消す*/
.notion-table, .notion-board {
    background-image: none;
}
CSS