Html 滚动条的颜色仍然保持不变

功能：

有一个文本容器，用户可以在其中滚动查看更多文本。假设滚动条显示的颜色为

#cab34e

我所做的：

我尝试在CSS中实现背景色，并使用

：-webkit滚动条thumb

问题： 滚动条颜色仍保持不变。滚动条的背景色仍为默认颜色

因此，我做错了什么？

.Container{
位置：绝对位置；
顶部：383px；
左：602px；
高度：458px；
宽度：766px；
溢出y：滚动；
}
.innerScroll{
位置：相对位置；
溢出y：滚动；
}
.innerScroll:：-webkit滚动条拇指{
背景色：#cab34e；
边界半径：15px；
}
.innerScroll:：-webkit滚动条拇指：悬停{
背景色：#cab34e；
}
.innerScroll:：-webkit滚动条拇指：活动{
背景色：#cab34e；
}
.背景{
位置：相对位置；
宽度：730px；
字体大小：23px；
字体系列：FuturalBook；
文本对齐：对齐；
颜色：#ffffff！重要；
溢出：隐藏；
}

测试文本。。。。。。

webkit是一个用于谷歌Chrome、safari或Opera等浏览器的渲染引擎你测试的浏览器是什么？？？即使你让它工作起来了，srcrobar的整体定制对于跨浏览器实现来说可能是一件痛苦的事情——最好使用插件--@Tasos我只在Google Chrome上使用它。我不打算跨浏览器测试OK。再看一遍你的css代码，我不认为你可以为一个容器定制它。但是，您可以为整个浏览器自定义它。因此，为什么这不起作用（.innerScroll:：-webkit scrollbar thumb:active{），但这将（：：-webkit scrollbar thumb:active{）--检查这里我收回：））我已经有好几年没有使用滚动条了--实际上你可以为容器定制它--这里的演示很好--@Tasos，我遵循了中的示例，但它仍然没有呈现预期的颜色。这很奇怪。webkit是一个用于浏览器（如Google Chrome、safari或Google Chrome）的渲染引擎Opera。--你在测试什么浏览器？？？-即使你能让它工作，srcrolbar的整体定制可能会让跨浏览器实现很痛苦-最好使用插件--@Tasos我只在Google Chrome上使用它。我不打算跨浏览器测试OK。再看一次你的css代码，我不会瘦了k您可以为容器自定义它。但是，您可以为整个浏览器自定义它。因此，为什么这不起作用（.innerScroll:：-webkit scrollbar thumb:active{），但这将（：：-webkit scrollbar thumb:active{）--检查这里我收回：））我已经有好几年没有使用滚动条了--实际上你可以为容器定制它--这里的演示不错--@Tasos，我遵循了中的示例，但它仍然没有呈现预期的颜色。这很奇怪。