学无先后,达者为师

网站首页 编程语言 正文

css鼠标移动上去才显示滚动条

作者:傻的太坏 更新时间: 2024-03-04 编程语言
            &::-webkit-scrollbar {
                    width: 4px;
                    background-color: #efeae6;
                }
                &:hover ::-webkit-scrollbar-track-piece {
                    /*鼠标移动上去再显示滚动条*/
                     background-color: #fff;
                     /* 滚动条的背景颜色 */
                     border-radius: 6px;
                     /* 滚动条的圆角宽度 */
                }
                &:hover::-webkit-scrollbar-thumb:hover {
                    background-color: #c1c1c1;
                }
                &:hover::-webkit-scrollbar-thumb:vertical {
                    background-color: #c1c1c1;
                    border-radius: 6px;
                    outline: 2px solid #c1c1c1;
                    outline-offset: -2px;
                    border: 2px solid #c1c1c1;
                }
                


原文链接:https://blog.csdn.net/weixin_38897313/article/details/129136476

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新