如何讓div可滾動，而不顯示討厭的滾動條？

Question

我的div是可滾動的，使用overflow：auto。但它顯示了一個令人討厭的滾動條，與我的對話框樣式不匹配，我該如何將CSS應用於滾動條以嘗試修復它，或者只是將其完全刪除？

的jsfiddle：​​3210

Answer 1

請不要重新發明輪子！滾動條可讓用戶方便地滾動頁面/內容。瀏覽器開發人員已經處理了所有必要的事件處理，例如，鼠標滾輪，頁面向上/向下，向上/向下箭頭等。如果您編寫自己的滾動條，您也必須處理這一點。這並不容易。你最終得到的是一個滾動條，看起來像你的你的頁面，但不像我的瀏覽器窗口。

Answer 2

有幾個選項：

• 讓你自己與一些JavaScript魔術
• 使用overflow: hidden
• 僱人爲你做^ _^

Answer 3

某些瀏覽器允許您設置滾動條的樣式。例如，在基於Webkit的瀏覽器中，您可以使用僞元素。有關更多信息，請參閱this blog。 IE用來支持改變滾動條的顏色，但不再這樣做。

如果你想在所有瀏覽器中看到相同的外觀，我認爲你最好的選擇是使用一些JavaScript UI組件。