[css] 滾動條樣式問題

/** 通用滾動條樣式*/

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: #e5e5e5；
}

::-webkit-scrollbar-thumb:hover {
    background-color: #A9A9A9;
}

::-webkit-scrollbar-thumb:active {
    background-color: #787878;
}

* {
    scrollbar-color: #e5e5e5 #f7f7f9;
    /* 滑塊顏色  滾動條背景顏色 */
    scrollbar-width: thin;
    /* 滾動條寬度有三種：thin、auto、none */
}

 

//局部樣式.demo是類名 是el-table標簽上的自定義class
.demo ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.demo  ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: #a1a3a9;
  border-radius: 3px;
}