设置滚动条的样式

Question

我已经实现了一个带滚动条的部分，它将显示描述。它的工作正常。但它现在有默认样式。我想自定义滚动条的样式，以便它看起来不错。

HTML CODE

      <div class="desc" style="width:100px; height:300px; overflow: auto; background:#CCC;" >
      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem           Ipsum has been the industry's standard dummy text ever since the 1500s,           when an unknown printer took a galley of type and scrambled it to make a           type specimen book. It has survived not only five centuries, but also the leap           into electronic typesetting, remaining essentially unchanged. It was           popularised in the 1960s with the release of Letraset sheets containing           Lorem Ipsum passages, and more recently with desktop publishing           software like Aldus PageMaker including versions of Lorem Ipsum.
      </div>

Answer 1

CSS滚动条属性可用于自定义它。 E.g：

scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color

详细解答如下： CSS customized scroll bar in div

Answer 2

您可以为此http://rocha.la/jQuery-slimScroll使用精简滚动插件。