主要ブラウザに対応させたい場合は、現時点ではjsで対応するしかなさそうです。下記のコードは疑似要素で、スクロールバーの個々のパーツにあたります。}また、適用させるパーツをプロパティで選ぶことができます。:horizontal:vertical:decrement:increment:start:end:double-button:single-button:no-button:corner-present:window-inactiveプロパティの詳細は下記の通りです。水平方向の全てのパーツに適用されます。垂直方向の全てのパーツに適用されます。button(2)とtrack-piece(4)に適用され、垂直スクロールバーの上方向や水平スクロールバーの左方向等、それらのパーツが減少方向にあるかどうかを示します。button(2)とtrack-piece(4)に適用され、垂直スクロールバーの下方向や水平スクロールバーの右方向等、それらのパーツが増加方向にあるかどうかを示します。button(2)とtrack-pieces(4)に適用され、オブジェクトがthumb(5)より前に配置されているかどうかを示します。button(2)とtrack-pieces(4)に適用され、オブジェクトがthumb(5)より後ろに配置されているかどうかを示します。button(2)とtrack-pieces(4)に適用されます。buttonの場合は、そのbuttonがスクロールバーの同じ端にあるペアボタンの1つであるかを判断するのに使用されます。track-piecesの場合は、track-piecesがペアボタンと隣接するかどうかを示します。button(2)とtrack-pieces(4)に適用されます。buttonの場合は、スクロールバーの端っこに単独で存在するボタンかどうかを判断します。track-piecesの場合は、単独のボタンと隣接するかどうかを示します。track-pieces(4)に適用され、track-piecesがスクロールバーの一番端まで適用されるかどうかを示します。(すなわち、そのトラックの端にはボタンが存在しません。全てのパーツに適用され、スクロールバーのcornerが存在するかどうかを示します。全てのパーツに適用され、そのスクロールバーを含むウィンドウが現在アクティブであるかどうかを示します。