如何在不显示令人讨厌的滚动条的情况下使div可滚动？

Question

我的div是可滚动的，使用overflow：auto。但是它显示了一个令人讨厌的滚动条与我的对话框的风格不匹配，我如何将CSS应用到滚动条以尝试修复它，或者只是将它完全删除？

JSFiddle：http://jsfiddle.net/q2xEF/

Answer 1

拜托，不要重新发明轮子！滚动条可以让用户轻松滚动页面/内容。浏览器开发人员已经处理了所有必要的事件处理，例如，鼠标滚轮，页面向上/向下，向上/向下箭头等。如果您编写自己的滚动条，您也必须处理它。这并不容易。最后得到的是一个滚动条，看起来像你的页面，但不像我的浏览器窗口。

Answer 2

一些选择：

• 让你拥有一些javascript魔法
• 使用overflow: hidden
• 雇用某人为你做^ _ ^

Answer 3

某些浏览器允许您设置滚动条的样式。例如，在基于Webkit的浏览器中，您可以使用伪元素。有关详细信息，请参阅this blog。 IE用于支持更改滚动条颜色，但它不再支持。

如果你想在所有浏览器中看到相同的外观，我认为你最好的选择是使用一些javascript UI组件。