asp.net - 如何更改滚动条的样式

Question

我有一个css代码喜欢

  .scrollPanel
    {
        height: 100px;
        width: auto;
        position: absolute;
        overflow: scroll;
    }

你可以在这里看到我的例子！我想知道的是如何改变滚动条的样式？
如何为其设置 css 样式？

Answer 1

到目前为止，还没有跨浏览器解决方案可以仅使用 CSS 更改滚动条，或者您可以使用jQuery来设置它们的样式。

仅适用于 webkit 浏览器的解决方案

演示

::-webkit-scrollbar {
    width: 12px;
}

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

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

学分

Answer 2

您也可以使用 IE 的样式元素来完成 Alien 先生的 webkit 解决方案，但我知道的只是颜色。 这是有关它的文档

如前所述，没有适用于所有浏览器的纯 CSS 解决方案。