WebKit中的自定义滚动条

Before each of the browser vendors we like was providing unique CSS controls, Internet Explorer was setting the tone.  One such example is IE's early implementation of CSS filters. Internet Explorer was also the first browser that allowed developers to, for better or worse, customize the display of scrollbars.  We had a laugh about scrollbar customization back then, but fast forward to today and WebKit allows us to customize the scrollbar with CSS too.  Let's have a look!

在我们喜欢的每个浏览器供应商提供独特CSS控件之前，Internet Explorer都已定下基调。 IE就是CSS过滤器的早期实现 。 Internet Explorer还是第一个允许开发人员更好或更坏地自定义滚动条显示的浏览器。 那时，我们对滚动条的自定义感到有些笑，但是直到今天，WebKit允许我们也使用CSS来定制滚动条。 我们来看一下！

View Demo 观看演示

There are a variety of scrollbar properties to choose from, all which must be -webkit prefixed:

有多种滚动条属性可供选择，所有这些必须以-webkit为前缀：

• scrollbar
  滚动条
• scrollbar-button
  滚动条按钮
• scrollbar-track
  滚动条轨道
• scrollbar-track-piece
  滚动条轨迹
• s