2013-02-23 46 views
3

在WebKit浏览器,可以利用CSS样式化滚动条:转换不适用于滚动条?

::-webkit-scrollbar-thumb { 
    border-radius: 12px; 
    background: #EEE; 
    -webkit-transition: background .2s ease-in-out; 
} 
::-webkit-scrollbar-thumb:hover { 
    background: #AAA; 
} 

但是,好像-webkit-transition当我将鼠标悬停在滚动条片不适用。它应该表现如此还是在my code有一些错误?

+0

@Boaz - 这是2年前问的,可能他们已经修好了。 – 2013-02-23 22:57:25

+0

我不认为有一个错误 - 我在Chrome 25上,并且过渡属性仍然不能在滚动条上工作:( – Terry 2013-02-23 23:13:33

+0

你有几乎相同的确切代码,猜你应该华丽的那个问题 – 2013-02-24 00:11:17

回答

0

伪选择器尚未实现CSS3转换。

+1

迂回:生成的内容(':: before',':: after')将遵守'transition:inherit',允许作者在父元素上指定所需的属性 - 但这没有帮助为OP的情况。 – Barney 2013-07-08 16:39:04