如何更改样式 jscrollpane EasyUI答案

【问题标题】：How to change style jscrollpane EasyUI如何更改样式 jscrollpane EasyUI
【发布时间】：2015-09-19 03:38:00
【问题描述】：

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

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

但这不起作用。

【问题讨论】：

标签： css jscrollpane jquery-easyui

【解决方案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();
            }

        });

【讨论】：