對(duì)于el-table滾動(dòng)條的樣式，webkit（谷歌為代表）和 moz（火狐）的設(shè)置是不同的，因此需要分別進(jìn)行設(shè)置。

webkit（谷歌）

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

moz（火狐）

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

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。