Css 如何删除包含滚动条的框

您使用什么CSS来删除包含滚动条的框，而使滚动条保持可见

（当前滚动条）

（需要看起来像这个）

---

您无法删除浏览器默认滚动条的框。我认为实现这一点的唯一方法是使用自定义滚动条。阅读下面关于如何实现这一点的答案：

你不能用CSS实现这一点……你必须使用自定义js插件来实现这一点

一个看起来像你在图片中所展示的东西叫做

---

我发现这个示例没有使用JS插件

---

仅限Safari和Chrome解决方案…这在Firefox、Opera或IEOK中无法正常工作谢谢！我会用这个！

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}



/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(200,200,200,1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(200,200,200,0.4); 
}