自定義滾動條只對鉻

我一直在努力，這裏涉及到自定義滾動條的項目工作是代碼自定義滾動條只對鉻

<html> 
<head> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<style> 

.scrollbar 
{ 
    margin-left: 30px; 
    float: left; 
    height: 300px; 
    width: 65px; 
    background: #F5F5F5; 
    overflow-y: scroll; 
    margin-bottom: 25px; 
} 

.force-overflow 
{ 
    min-height: 450px; 
} 


#style-2::-webkit-scrollbar-track 
{ 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; 
    background-color: #F5F5F5; 
} 

#style-2::-webkit-scrollbar 
{ 
    width: 12px; 
    background-color: #F5F5F5; 
} 

#style-2::-webkit-scrollbar-thumb 
{ 
    border-radius: 10px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
    background-color: #D62929; 
} 



</style> 
</head> 
<body id="main"> 


    <div class="scrollbar" id="style-2"> 
     <div class="force-overflow"></div> 
    </div> 



</body> 
</html>

的問題是，它是唯一的工作對鉻我怎樣才能讓它在每個工作瀏覽器。我已搜查所有在互聯網上，但仍不能罰款任何可靠solution.thanks提前

來源

2016-07-14 uneeb meer

http://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox – Vcasso

可能的重複[CSS中定製的滾動條]（http：// stackoverflo w.com/questions/9251354/css-customized-scroll-bar-in-div） –

對不起朋友firfox，Opera Mini的&邊緣不支持scrollbar風格
您可以點擊此處查看 check it

來源

2016-07-14 19:08:06

喲，感謝那 –

非常歡迎。這是我第一次實現堆棧溢出。 :) –

-WebKit-適用於Chrome和safari，不知道其他瀏覽器是否支持自定義滾動條，但我認爲它們不是

來源

2016-07-14 19:09:34 edvilme

自定義滾動條只對鉻

回答

相關問題