2014-03-07 49 views
2

我看到了一些關於這個的問題,但是這些問題並沒有給出適合我的解決方案。在Firefox中增加滾動條寬度 - html/css

我想增加一個div的滾動條寬度。 div大小很大,所以出現了一個水平滾動條。現在我想增加該滾動條的寬度以獲得更大的靈活性。 因此,我搜索並找到了以下適用於Chrome瀏覽器的代碼的鏈接。 JSFiddle

::-webkit-scrollbar { 
    width: 2em; 
    height: 2em 
} 
::-webkit-scrollbar-button { 
    background: #ccc 
} 

但是,這並不在Firefox上運行。我試圖用moz取代webkit,也沒有工作。

我還發現,在firefox的userContent.css文件中寫入以下代碼可以增加滾動條寬度,但1)我沒有在Windows 7中找到userContent.css文件。2)我不能去用戶的家告訴他們如何手動增加滾動條寬度:P這不是一個解決方案。

/* Increase width of VERTICAL SCROLLBAR */ 
scrollbar[orient="vertical"], scrollbar[orient="vertical"] thumb, scrollbar[orient="vertical"] scrollbarbutton { min-width: 35px !important; -moz-appearance: none !important; } 

/* Increase width of HORIZONTAL SCROLLBAR */ 
scrollbar[orient="horizontal"], scrollbar[orient="horizontal"] thumb, scrollbar[orient="horizontal"] scrollbarbutton { min-height: 35px !important; -moz-appearance: none !important; } 

有沒有什麼辦法讓我可以增加滾動條寬度在這兩個瀏覽器Firefox的&? (忘記IE)我可以使用html css javascript & jquery解決方案,但沒有滾動條插件。我必須從瀏覽器轉換原生滾動條。

+1

答案是**你不能**,所以使用一些jQuery插件 –

+2

但「一切都在這個世界上可能的」,甚至沒有jQuery插件 –

+0

您在Chrome一切的意思是所有權利,但不在Firefox中,所以你也想在Firefox中使用同樣的東西? –

回答

0

前綴沒有其他的瀏覽器呢。有些允許滾動條的樣式,所以顏色是不同的,但據我所知,你不能改變寬度。相反,如果它是絕對必要的,則更改滾動條,則需要使用JavaScript解決方案。

有許多解決方案在那裏 - 太多對SO的回答文檔 - 但這裏有幾個鏈接,讓你開始: