2013-02-23 87 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