6
A
回答
10
0
它的一種可能。
body {
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #808080;
scrollbar-darkshadow-color: #000000;
}
注意:如果您指定了XHTML Doctype,它可能不起作用!
+0
在XHTML中正常工作。訣竅是,當您使用標準模式DOCTYPE(您應該是,無論您使用的是HTML還是XHTML)時,元素IE會將視口的主滾動條放在「html」而不是「body」上。無論如何,隨着這些屬性的繼承,只需設置'html'就可以了。 – bobince 2009-02-09 01:52:29
1
你可以用CSS,但IIRC只有IE瀏覽器V5.5 +支持改變顏色這個CSS。其他瀏覽器不!
在這裏看到一個演示: http://www.iconico.com/CSSScrollbar/
9
但從可用性角度,改變滾動條是一個不走。用戶熟悉他/她的操作系統及其提供的視覺環境。改變這一點確實會造成混亂,特別是那些剛剛使用電腦,老年人等的人。
今天的大多數用戶可能會認識到一個滾動條,只要它具有基本的形狀 - 許多甚至不會使用酒吧本身,而只是鼠標上的滾輪。
儘管如此,仍然需要思考。考慮你的觀衆。無論你如何使用自定義滾動條,確保它在所有平臺/所有瀏覽器中都能正常工作。
相關問題
- 1. 默認滾動條處理程序是什麼元素?
- 2. Chrome Android - 滾動時處理CSS和JS
- 3. 處理滾動條和jquery.width()方法
- 4. WinApi滾動條處理
- 5. 這條CSS線段是什麼意思? 。 。 「滾動100%0透明」
- 6. JS處理鼠標滾輪和滾動條滾動頁面滾動
- 7. 滾動條CSS
- 8. 什麼是滾動條負載的client.javascript.plugins?
- 9. Macbook retina CSS:可滾動的div滾動條與父滾動條重疊
- 10. 什麼是處理
- 11. 在selemium2中處理滾動條
- 12. Javascript滾動條處理窗口焦點
- 13. 即使沒有什麼可滾動,css溢出滾動條也會出現
- 14. 滾動條不與滾動條
- 15. CSS - 溢出 - 滾動條滾動太多
- 16. Winforms中的滾動條處理滾動事件
- 17. 處理滾動條與jQuery事件拖放
- 18. 爲什麼IE顯示沒有滾動條的滾動條(滾動條不需要,不在FF和Safari中)?
- 19. CSS溢出和水平滾動條
- 20. CSS背景和水平滾動條
- 21. CSS webkit滾動條和Safari瀏覽器
- 22. CSS:爲什麼我有一個100%高度的滾動條?
- 23. 什麼導致CSS中的水平滾動條?
- 24. Iframe,全屏幕CSS - 爲什麼滾動條
- 25. CSS + FireFox:隱藏滾動條iframe滾動=是
- 26. 谷歌地圖信息框與點擊處理程序和滾動條
- 27. CSS溢出滾動和隱藏滾動條(IOS)
- 28. Javascript和CSS:隱藏滾動條,保持滾動事件工作
- 29. 樣式滾動條css colorbox
- 30. css隱藏滾動條?
只有使用jScrollPane的壞處是你不能使用箭頭鍵在內容區域內上下滾動,這會降低可用性(儘管這可能是使用另一個jQuery插件可以實現的)。 – Mun 2009-02-08 22:04:06
@Mun,這個問題被報告爲項目bug跟蹤器中的一個bug。由於這個問題對我來說很重要,因此我計劃在接下來的一週內爲它提交一個錯誤修復程序。 – 2009-02-08 23:06:26