/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/ ::-webkit-scrollbar { width: 7px; /*滾動條寬度*/ height: 7px; /*滾動條高度*/ background-color ...
.table class amp ::v deep .el table body wrapper:: webkit scrollbar width: 寬度為 隱藏 width: px .el table body wrapper:: webkit scrollbar thumb border radius: px height: px background: rgba , , , . 滾動條顏色 ...
2021-10-09 17:15 0 1549 推薦指數:
/*定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸*/ ::-webkit-scrollbar { width: 7px; /*滾動條寬度*/ height: 7px; /*滾動條高度*/ background-color ...
總會遇到需要修改頁面滾動條的需求 如果需要全局修改 就在大文件中添加 需要某個特定的滾動條修改 就在::前加入需要修改的類名 如果前面的修改沒有生效 安裝了less的話 則加上/deep/ 可以在類名前面添加/deep/ ...
這是一個在VUE中的設置滾動條樣式的方法,該方法只適用於Chrome瀏覽器,親測在火狐不適用 樣式寫在 APP.vue 中,可以用在全局,如果只用在那個盒子中,只需要在::前面加上盒子的class名就可以 如果把::-webkit-scrollbar的width和height設置 ...
` /全局滾動條樣式/ ::-webkit-scrollbar { width: 5px; height: 14px; } ::-webkit-scrollbar-thumb { background-color: #b6b6b6; } /全局滾動條樣式結束/ /* el-table 滾動條 ...
//滾動條的寬度 .your-table .el-table__body-wrapper::-webkit-scrollbar { width: 10px; height: 10px; } //滾動條的滑塊 .your-table .el-table ...
html <el-table class="table_el" ></el-table> css ...
; } /*chrome滾動條顏色設置*/ *::-webkit-scrollbar {width:7px; ...
需要在table外加一個div(注:修改滾動條樣式的內容不支持ie) ...