Primefaces 如何更改DataTable滚动条的外观？

我试图用FireBug找到负责DataTable滚动条外观的合适CSS类，但找不到任何合理的CSS类。表格滚动条依赖于浏览器-在每个浏览器中看起来都不同。那么，如何为每个浏览器实现一个滚动条的外观呢？

您可以使用WebKit通过CSS实现这一点。实际上PrimeFaces对CSS中的普通滚动条做了一些修改

滚动条webkit包括：

：：-webkit滚动条{/*1*/}
：：-webkit滚动条按钮{/*2*/}
：-webkit滚动条轨道{/*3*/}
：-webkit滚动条曲目{/*4*/}
：-webkit滚动条拇指{/*5*/}
：：-webkit滚动条角{/*6*/}
：-webkit大小调整器{/*7*/}

其中一些是由PrimeFaces实现的，所以有时

！重要信息

下面是一个基于的快速示例

/*！重要的事情有时是需要的*/
：-webkit滚动条{
宽度：12px！重要；
}
/*跟踪*/
：-webkit滚动条轨迹{
-webkit盒阴影：插入0.0 6px rgba（0,0,0,0.3）！重要；
-webkit边界半径：10px！重要；
边界半径：10px！重要；
}
/*处理*/
：-webkit滚动条拇指{
-webkit边界半径：10px！重要；
边界半径：10px！重要；
背景：rgba（255,0,0,0.8）！重要；
-webkit盒阴影：插入0.0 6px rgba（0,0,0,0.5）！重要；
}
：-webkit滚动条拇指：窗口处于非活动状态{
背景：rgba（255,0,0,0.4）！重要；
}

结果如下：

可以在和上找到一个小的工作示例

---

希望这能有所帮助。

这只适用于IE

html{
滚动条基色：#8C8CC6；
滚动条-3d-light-color:#FFFFFF；
滚动条箭头颜色：#FFFFFF；
滚动条黑色阴影颜色：#000000；
滚动条面颜色：#8C8CC6；
滚动条高亮显示颜色：#FFFFFF；
滚动条阴影颜色：#000000；
滚动条轨迹颜色：#ACACE6；
}

谢谢您的回答！此解决方案工作完美，但仅在Google Chrome、FF和IE标准滚动条中显示。你知道有没有独立于浏览器的解决方案吗？谢谢