文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS 3滚动条-添加填充和光标？

问CSS 3滚动条-添加填充和光标？
EN

Stack Overflow用户

提问于 2016-11-25 07:10:34

回答 3查看 1.8K关注 0票数 0

如何将这两件事添加到滚动条上？

在滚动条周围填充
将滚动条悬停时的光标。

这是我的密码：

    #style-4::-webkit-scrollbar-track
    {
        background-color: #fff;
    }

    #style-4::-webkit-scrollbar
    {
        width: 5px;
        background-color: #fff;

    }

    #style-4::-webkit-scrollbar-thumb
    {
        background-color: #ccc;

    }

    #style-4::-webkit-scrollbar-thumb:hover
    {
        background-color: #666;
        cursor: pointer;
    }

你可以看到它，这里。我想把垫子加上去，就像加在甲板上的一样。

有可能吗？

html

css

scrollbar

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-11-25 09:35:55

关于那个垫子。示例5 5px填充物来自左侧

#style-4::-webkit-scrollbar {
    width: 10px; /* add 5px */
    ...
}

#style-4::-webkit-scrollbar-thumb {
    box-shadow: inset 5px 0 0 0 white; /* change color to your bg color */
    ...
}

不幸的是，将cursor: pointer添加到每个-webkit-scrollbar元素并不有效。

票数 1

Stack Overflow用户

发布于 2016-11-25 07:14:17

是的你可以加进去。

    #style-4:hover{
  padding:15px;
}

我认为这是正确的，如果我错了，请告诉我你的期望。

票数 -3

Stack Overflow用户

发布于 2016-11-25 07:22:04

试着用这个来做光标

#style-4:hover{
  cursor:pointer;
}

票数 -3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40799493

复制

相似问题

问CSS 3滚动条-添加填充和光标？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS 3滚动条-添加填充和光标？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS 3滚动条-添加填充和光标？
EN