如何让网页边框滚动颜色调成自己喜欢的颜色？

发布时间：2024-07-29 浏览次数：来源：jiyidc.com

如何让网页边框滚动显示自己喜欢的颜色？

复制以下代码放进网页css当中即可:

* {

scrollbar-arrow-color: #023894; /*图6,三角箭头的颜色*/

scrollbar-face-color: #023894; /*图5,立体滚动条的颜色*/

scrollbar-3dlight-color: #023894; /*图1,立体滚动条亮边的颜色*/

scrollbar-highlight-color: #023894; /*图2,滚动条空白部分的颜色*/

scrollbar-shadow-color: #023894; /*图3,立体滚动条阴影的颜色*/

scrollbar-darkshadow-color: #023894; /*图4,立体滚动条强阴影的颜色*/

scrollbar-track-color: #ccc; /*图7,立体滚动条背景颜色*/

scrollbar-base-color: #ccc; /*滚动条的基本颜色*/

}

html:not(.isMobile) *::-webkit-scrollbar {

width:10px;

background:#ccc;

} /*滚动条整体部分*/

html:not(.isMobile) *::-webkit-scrollbar-thumb {

background:#023894;

} /*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/

html:not(.isMobile) *::-webkit-scrollbar-track {

} /*滚动条的轨道（里面装有Thumb）*/

html:not(.isMobile) *::-webkit-scrollbar-button {

} /*滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/

html:not(.isMobile) *::-webkit-scrollbar-track-piece {

width:10px;

} /*内层轨道，滚动条中间部分（除去）*/

html:not(.isMobile) *::-webkit-scrollbar-corner {

} /*边角，即两个滚动条的交汇处*/

html:not(.isMobile) *::-webkit-resizer {

}

常见问题