修改element-ui滾動條樣式


//滾動條的寬度
.your-table .el-table__body-wrapper::-webkit-scrollbar {
width: 10px;
height: 10px;
}
//滾動條的滑塊
.your-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #a1a3a9;
border-radius: 3px;
}
如果是整個頁面的滾動條風格是一致的,直接改全局的滾動條樣式也可以有效果
//滾動條的寬度
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
//滾動條的滑塊
::-webkit-scrollbar-thumb {
background-color: #a1a3a9;
border-radius: 3px;
}
滾動條樣式存在兼容性問題,以上的樣式是在webkit瀏覽器下可生效的


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM