Chrome的自定義滾動條

-1

我需要將IE自定義滾動條轉換爲Chrome。這裏是CSSChrome的自定義滾動條

scrollbar-face-color: #EAEAEA; 
scrollbar-shadow-color: #EAEAEA; 
scrollbar-highlight-color: #EAEAEA; 
scrollbar-3dlight-color: silver; 
scrollbar-darkshadow-color: silver; 
scrollbar-track-color: #F8F6F7; 
scrollbar-arrow-color: #6E6D6D;

任何人都可以將它轉換爲準確鉻？

感謝

來源

2014-12-22 Siraj Hussain

你有什麼試過？你有沒有搜索關於crossbrowser自定義滾動條？ – DaniP

我認爲這是不可能的，因爲據我所知，這些可定製的滾動條是IE只支持的「功能」。 – Abrixas2

Danko，我已經嘗試了鉻滾動條，但我無法確切地繪製。 http://cssdeck.com/labs/css3-webkit-vertical-scrollbars/ –

是什麼你指的是（據我所知）一個非標準化的特點。也就是說，自定義滾動條曾經在網絡上流行，結果Chrome still supports them from its Webkit days。您在Chrome中採取的方法略有不同，使用僞元素，而不是屬性：

::-webkit-scrollbar    { } 
::-webkit-scrollbar-button  { } 
::-webkit-scrollbar-track  { } 
::-webkit-scrollbar-track-piece { } 
::-webkit-scrollbar-thumb  { } 
::-webkit-scrollbar-corner  { } 
::-webkit-resizer    { }

您可以在文章中Custom Scrollbars in WebKit閱讀更多關於這些。這些屬性不一定與Webkit僞元素一一對應，但是您應該能夠找到很好的重疊程度。

來源

2014-12-22 19:46:32 Sampson

Chrome的自定義滾動條

回答

相關問題