jquery - 如何使所有浏览器右侧的正文滚动条时尚？

Question

我正在创建一个模板。我想更改右侧主体默认滚动条的设计。我想让它变得时尚，使其适用于所有浏览器。

我附上了我想要的截图。在屏幕截图中，您会在右侧看到样式化的滚动条，而不是默认的浏览器滚动条。

如果可能的话，请有人指导我，以及我们如何执行此操作。

最好的问候

阿亚兹

Answer 1

尝试使用 css 属性，

例子:

body {
    scrollbar-face-color: #DBDEE7;
    scrollbar-highlight-color: #DBDEE7;
    scrollbar-shadow-color: #A4A6AB;
    scrollbar-3dlight-color: #DBDEE7;
    scrollbar-arrow-color: #354274;
    scrollbar-track-color: #EDEEF2;
    scrollbar-darkshadow-color: #DBDEE7;
}

How to change the scrollbar color using css

jsFiddle:http://jsfiddle.net/hmartiro/Xck2A/1/