3

スクロールバーのスタイルをネイティブのスクロールバー以外のものに変更したいので、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;
}

しかし、何も起こりませんでした。これを行うことが可能かどうかは誰にもわかりません。

4

0 に答える 0