webkit-scrollbar与webkit-transition一起工作吗？
webkit-scrollbar与webkit-transition一起工作吗？
提问于 2011-01-02 10:45:22
我想要一个自定义的webkit-scrollbar来为悬停状态设置不同的背景颜色。下面的代码改变了鼠标悬停时的颜色，但没有任何动画效果。它可以在div上工作，所以我怀疑webkit-scrollbar在转换时不能很好地发挥作用。
::-webkit-scrollbar-thumb {
background-color: #a8a8a8;
-webkit-transition: background-color 1s linear;
}
::-webkit-scrollbar-thumb:hover {
background-color: #f6f6f6;
}回答 2
Stack Overflow用户
发布于 2011-05-18 21:29:03
不，它没有实现。我们应该在http://bugs.webkit.org/上提交一个bug
Stack Overflow用户
发布于 2016-08-03 23:50:06
除了-webkit-background-clip: text;之外，使用xb1itz的background-color: inherit;技术也很容易实现。
现场演示；https://jsfiddle.net/s10f04du/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.container {
overflow-y: scroll;
overflow-x: hidden;
background-color: rgba(0,0,0,0);
-webkit-background-clip: text;
transition: background-color .8s;
}
.container:hover {
background-color: rgba(0,0,0,0.18);
}
.container::-webkit-scrollbar-thumb {
background-color: inherit;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4576853
复制相关文章
相似问题
腾讯云开发者
