设计滚动条css

我正在创建一个web应用程序，需要在其中设计滚动条

.scroll {
        height: 550px;
        overflow: scroll;
    }

这是我的css

我在主div中添加了css

<div ng-app="myApp" ng-controller="customersCtrl" style="background-color:#17354B;" class="myDiv container scroll">

但是没有更改滚动条，而是更改了下面div中的文本（我知道文本更改的原因）

我想定制如下滚动条（更改宽度、颜色设计）

---

我需要怎么做？

据我所知，W3C标准CSS for scrollbar不可用。您可以使用-webkit scrollbar来实现

div:：-webkit滚动条{
宽度：2米；
}
div:：-webkit滚动条轨迹{
-webkit盒阴影：插入0.0 6px rgba（200,0,0,1）；
}
div:：-webkit滚动条拇指{
背景颜色：灰色；
轮廓：1px实心板岩灰色；
}
div{
溢出：滚动；
高度：100px；
背景色：#eeeeee；
}

div元素内的内容

div元素内的内容

div元素内的内容

div元素内的内容

div元素内的内容

div元素内的内容

div元素内的内容

div元素内的内容

div元素内的内容

div元素内的内容

您必须为此添加jquery。我建议您使用enscrollbar jquery。

.scroll {
            height: 550px;
            overflow: scroll;
            color:red;
        }