如何使用CSS設置mCustomScrollbar的寬度

Question

我正在嘗試通過按文檔中所述設置.mCSB_dragger的寬度來增加滾動條的寬度。 但是滾動條的寬度保持不變。

 $('#container1').mCustomScrollbar({ theme:"dark-3" }); $(document).on('click', '.participants li', function(e){ }); 

 #container1 { height:200px; width:100px; padding:5px; border:1px solid black; } .mCSB_dragger{ width:25px; } 

 <link rel="stylesheet" href="//malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="//malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script> <div id="container1"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>6</p> <p>6</p> </div> 

這是代碼：

Answer 1

試試這個，我認為它需要被覆蓋，但是覆蓋不是一個好習慣。 我希望這有幫助

.mCSB_dragger_bar{
    width:13px!important;
 }

並且如果您希望滾動旋鈕也調整其寬度，則也可以覆蓋

.mCSB_draggerRail{
    width:13px!important;
}

Answer 2

在css下方添加，就一切就緒...現在檢查...

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px !important;
}

注意：根據您的要求更改寬度。

Answer 3

將以下樣式添加到樣式表

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
    width:15px !important;
}


.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:15px !important;
}