如何改變風格JScrollPane的EasyUI

Question

我使用EasyUI凍結列的DataGrid的，所以如何改變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(); 
      } 

     });