样式XAML滚动条

Question

我想将滚动条的样式更改为原生滚动条以外的其他内容，因此我的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;
}

但什么都没发生。任何人都知道是否有可能这样做，如果是的话，怎么做？