侧边滚动条样式优化
3年前
超过1265天
温馨提示
本文最后更新于2021年06月07日，已超过1265天没有更新，若内容或图片失效，请留言反馈。
我当前使用的是主题默认样式，与该样式不同，该样式效果如下：
只需要在主题的 main.css 文件中写入如下 CSS：
/* 滚动条 */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background-color: rgba(73, 177, 245, 0.2);
border-radius: 2em;
}
::-webkit-scrollbar-thumb {
background-color: #49b1f5;
background-image: -webkit-linear-gradient(
45deg,
rgba(255, 255, 255, 0.4) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.4) 50%,
rgba(255, 255, 255, 0.4) 75%,
transparent 75%,
transparent
);
border-radius: 2em;
}
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-moz-selection {
color: #fff;
background-color: #49b1f5;
}
0 赞
or 打赏
喜欢就打赏一点
上一篇
