如何覆盖.inner-roll类的背景色？

Question

我正在使用Ionic V4标签。 在那个.inner-scroll类中。 我无法在home.page.scss

中覆盖.inner-scroll类

Answer 1

尝试一下：

::-webkit-scrollbar {
    background-color: white;
}
::-webkit-scrollbar-thumb {
    background-color: #d33939 ;
}

Answer 2

您可以使用 ::part 伪元素以这种方式为离子阴影树中的元素设置样式：

ion-content::part(scroll) {
    position: relative;
}

如果ion-content main.inner-scroll元素有part="scroll"属性，这段代码应该添加position:relative

请在此处查看更多信息： https://www.joshmorony.com/using-shadow-parts-to-style-protected-shadow-dom-components/ https://ionicframework.com/docs/theming/css-shadow-parts