有鳍且惊艳
today 今日图片
有鳍且惊艳
阿里夫达鲁环礁海岸的鲸鲨, 马尔代夫 (© Bachir Moukarzel/Amazing Aerial Agency)
博客 Bing图库 标签 关于
www.doubao.life
一个出色的个人网站
数据概览
39
文章
09
分类
32
标签
活动出行 8
豆包出行活动或摄影活动
活动出行
豆包说说 7
吐槽与宣泄合体是王道
豆包说说
博客博文 3
博客文章和其他文章与转载解读等等
博客博文
macOS 3
Apple MacOS
macOS
JavaScript 1
一种动态的编程语言
JavaScript
VUE 6
渐进式前端框架
VUE
CSS 2
一种用来表现HTML或XML等文件样式的计算机语言
CSS
react
空栏目
react
空栏目
音乐作品
空栏目
音乐作品
空栏目
http://doubao.life/index.php/feed/
美化页面中的滚动条
2024-12-24
文章正文

code

浏览器默认的页面滚动条简直丑到令人发指
css有办法能让它变得更融入你的设计
代码如下，需根据实际需要修改。

.scroller-x::-webkit-scrollbar,
.scroller-y::-webkit-scrollbar {
    width: 1px;
    height: 1px;
    background-color: #ddd;
}

/* 美化滚动条的滑块 */
::-webkit-scrollbar-thumb {
    background-color: #2B9BCC;
    /* 滑块的背景颜色 */
    border-radius: 10px;
    /* 滑块的圆角 */
    border: 0;
    /* 滑块边框 */
}

/* 当滑块悬停或活动时的样式 */
::-webkit-scrollbar-thumb:hover {
    background: #2B9BCC;
    /* 悬停或活动状态下滑块的背景颜色 */
}
仅有一条留言
  1. 花花本花

    看不懂……但还是觉得博主很厉害！

发表