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 Inspector 并寻找滚动条：

在此处输入图像描述

然后我尝试添加样式：

.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