スクロールバーのスタイルをネイティブのスクロールバー以外のものに変更したいので、UI はプラットフォーム間で同じままです。
たとえば、次の xul 要素を見てください。
<richlistbox class="testRLB" height = "100px">
<richlistitem ><listcell label="bla"/></richlistitem>
<richlistitem ><listcell label="bla"/></richlistitem>
<richlistitem ><listcell label="bla"/></richlistitem>
<richlistitem ><listcell label="bla"/></richlistitem>
<richlistitem ><listcell label="bla"/></richlistitem>
<richlistitem ><listcell label="bla"/></richlistitem>
<richlistitem ><listcell label="bla"/></richlistitem>
<richlistitem ><listcell label="bla"/></richlistitem>
</richlistbox>`
これを作成しました:
DOM インスペクターを開き、スクロールバーを探しました。
次に、スタイルを追加してみました:
.testRLB scrollbar {
-moz-appearance: none !important;
background-color: red !important;
border: 1px solid green !important;
}
.testRLB scrollbar scrollbarbutton {
-moz-appearance: none !important;
background-color: blue !important;
border: 1px solid yellow !important;
}
しかし、何も起こりませんでした。これを行うことが可能かどうかは誰にもわかりません。