對于el-table滾動條的樣式，webkit（谷歌為代表）和 moz（火狐）的設置是不同的，因此需要分別進行設置。

webkit（谷歌）

// 滾動條大小設置 ::v-deep .el-table__body-wrapper::-webkit-scrollbar {/*縱向滾動條*/width: 5px;/*橫向滾動條*/height: 5px; }// 滾動條滑塊樣式設置 ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {background-color: #bfbfc0;border-radius: 5px; }// 滾動條背景樣式設置 ::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {background: none; }// 表格橫向和縱向滾動條對頂角樣式設置 ::v-deep .el-table__body-wrapper::-webkit-scrollbar-corner {background-color: #111; }// 去除滾動條上方多余顯示 ::v-deep .el-table__header .has-gutter th.gutter {display: none !important; }

moz（火狐）

// Firefox滾動條樣式設置 ::v-deep .el-table__body-wrapper {overflow-y: scroll;scrollbar-color: #bebebf transparent;scrollbar-width: thin; }

火狐目前只找到了 scrollbar-color 和 scrollbar-width 這兩個屬性，scrollbar-color 的第一個值是滾動條的顏色，第二個值是滾動條軌道背景色。

總結

以上是生活随笔為你收集整理的vue el-table 滚动条样式设置(谷歌、火狐)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。