正在重写UI5中的webkit滚动条

Question

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

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. 

Answer 1

在样式表中添加以下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 */
}

Answer 2

首先，直接修改css classess不是一个好主意。。这将更改应用程序中say滚动条的所有实例。。。给父级一个css类，然后修改css例如

.parentCssClass .sap-desktop ::-webkit-scrollbar {
width: 16px !important;
}