当前位置：
  1. 首页
  2. css
  3. 正文
本文介绍: CSS3 修改滚动条样式

上图：

上代码：

/* 修改垂直滚动条 */
.right-list::-webkit-scrollbar {
    width: 2px; /* 修改宽度 */
    height: 5px; /* 修改高度 */
}
/* 修改滚动条轨道背景色 */
.right-list::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
/* 修改滚动条滑块颜色 */
.right-list::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 6px; /* 修改滑块圆角 */
}
/* 修改滚动条滑块悬停时的颜色 */
.right-list::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

显示所有内容
上一篇 Docker—更新应用程序
下一篇 docker搭建nginx实现负载均衡

相关文章

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

插入图片
浏览器会保存昵称、邮箱和网站cookies信息，下次评论时使用。