php - 如何更改css中的默认滚动条设计？

Question

通常我们overflow:scroll;用于滚动条，有什么方法可以使用 CSS 更改默认滚动条设计（或者）更改默认滚动条设计是一个好习惯吗？

Answer 1

@shemy 的答案是最好用的。我不建议将 JavaScript 用于这样的事情。实际上，您不会让自定义滚动条在浏览器中可靠地工作。如果您对它只是对 WebKit 浏览器的增强感到满意，那就继续吧。如果是全有或全无，那就什么都不是。

一般来说，我会说除非有很好的理由，否则不要更改滚动条（至少不要太显着），出于同样的原因，我告诉人们不要对自定义表单控件过于疯狂——这些控件是标准的用户的操作系统和他们熟悉的操作系统，更改它们可能会非常刺耳并破坏使用体验。

Answer 2

您可以仅对 webkit 使用 css 更改滚动条设计。请参阅示例http://fiddle.jshell.net/desandro/X6zfS/ 对于其他浏览器，您必须使用 js（例如，您可以使用jQuery的滚动条插件）或按原样使用滚动条。