如何改变样式 jscrollpane EasyUI

Question

我正在为 DataGrid 使用 EasyUI Frozen Columns，所以如何更改 jscrollpane 样式，正在尝试：

::-webkit-scrollbar {
    width: 12px;
}

但这不起作用。

Answer 1

一个解决方案是将数据网格保留在 div 中并添加样式 .scrollpane 现在应用 css 如下：

对于Chrome:

div.scroll-pane::-webkit-scrollbar {
    width: 12px;
}


/* Track */
div.scroll-pane::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
div.scroll-pane::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 156, 0, 0.89); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


div.scroll-pane::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 156, 0, 0.44); 
}

对于 FireFox 使用 jsscrollpane

 $(document).ready(function () {
            var FIREFOX = /Firefox/i.test(navigator.userAgent); 
            if (FIREFOX) {
                $('.scroll-pane').jScrollPane();
            }

        });

如何改变样式 jscrollpane EasyUI

How to change style jscrollpane EasyUI

css

jscrollpane

jquery-easyui