css - 在UI5中覆盖webkit-scrollbar

如果在控制台中看到的话，存在以下类：

html.sap-desktop ::-webkit-scrollbar {
    width: 16px;
    height: 16px;
    background-color: #f7f7f7;
}

html.sap-desktop ::-webkit-scrollbar-corner {
    background-color: #f7f7f7;
}

html.sap-desktop ::-webkit-scrollbar-thumb {
    background-color: #e6e6e6;
}

我想给蓝色滚动条和改变宽度。这就是我所做的。请告诉您一个好主意，如果不能，可以使用其他什么方法。

.sapUiBody .sapMPageEnableScrolling::-webkit-scrollbar {
    width: 6px;

}

.sapUiBody .sapMPageEnableScrolling::-webkit-scrollbar-track {
    background-color: #ffffff;
    border-radius: 5px;
 }

.sapUiBody .sapMPageEnableScrolling::-webkit-scrollbar-thumb {

    background-color: #005daa;
    height: 3px !important;

}

One more issue I am facing is, when I hover over my scrollbar, it becomes grey.

最佳答案

在样式表中添加以下CSS并更新颜色

.sap-desktop ::-webkit-scrollbar {
    width: 16px !important;
}
.sap-desktop ::-webkit-scrollbar-thumb {
    background-color: #005483 !important;/* Update color */
}
.sap-desktop ::-webkit-scrollbar-thumb:hover { /* Scrollbar hover */
    background-color: #d14900 !important; /* Update hover color */
}

关于css - 在UI5中覆盖webkit-scrollbar，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51512445/