content 布局组件的滚动条样式修改

刘小刘

请问，下面的代码写在css中后，编辑器中的content滚动条已经变了样式，但是在浏览器中运行还是原始样式。我应该怎么做。



::-webkit-scrollbar {
        width: 5px;
        height: 10px;
        background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 20px;
        background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
        border-radius: 20px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #555;
}

jishuang

F12打开浏览器的开发人员调试工具跟踪样式看看运行时起作用的是什么啊

刘小刘

jishuang 发表于 2019-7-26 09:17
F12打开浏览器的开发人员调试工具跟踪样式看看运行时起作用的是什么啊

唉，起作用的当然是portal\pc3\AdminLTE\AdminLTE.min.css的.body 第17行啊。- - 我在w页面里写我自己的::webskit-scorll这些 没有用，我把代码放到这个系统样式里，就响应了，我完全懵逼- -。

jishuang

加important看看

刘小刘

jishuang 发表于 2019-7-26 11:26
加important看看

名上加，不好用。里面加，不好用。例外都加，还是不好用。我又只能写到系统css文件里了。

jishuang

::-webkit-scrollbar {
        width: 5px !important;
        height: 10px !important;
        background-color: #F5F5F5 !important;
}
这样不起作用？

刘小刘

jishuang 发表于 2019-7-26 15:54
::-webkit-scrollbar {
        width: 5px !important;
        height: 10px !important;

不起作用

jishuang

那就修改系统文件吧

刘小刘

jishuang 发表于 2019-7-26 17:16
那就修改系统文件吧

恩，结贴吧。