::-webkit-scrollbar 不适用于 IE

Question

我使用::-webkit-scrollbar CSS 选择器来减少水平滚动条的宽度，如下所示；

 ::-webkit-scrollbar { width: 2px; height: 2px; } ::-webkit-scrollbar-thumb { background-color:black; }

 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Responsive Table</title> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> </head> <body> <table class="table table-responsive" style="font-size:45px"> <caption>This is a table</caption> <tr> <th>Subject</th> <th>GPA</th> <th>Subject</th> <th>GPA</th> <th>Subject</th> <th>GPA</th> <th>Subject</th> <th>GPA</th> <th>Subject</th> <th>GPA</th> <th>Subject</th> <th>GPA</th> </tr> </table> </body> </html>

它适用于 chrome，但不适用于 IE。 我尝试将ms与webkit一起使用，但仍然没有改进！

Answer 1

IE/Edge 不支持。

Answer 2

不幸的是，没有本地支持，但您可以尝试自定义 js 或 jquery 插件？。 这里有一些： jQuery Scrollbar 、 perfect-scrollbar 、 slimScroll或NiceScroll 。

::-webkit-scrollbar 不适用于 IE

问题描述

2 个解决方案

解决方案1
4 2019-03-04 13:11:22

解决方案2
0 2019-03-04 13:26:02

::-webkit-scrollbar 不适用于 IE

问题描述

2 个解决方案

解决方案1 4 2019-03-04 13:11:22

解决方案2 0 2019-03-04 13:26:02

解决方案1
4 2019-03-04 13:11:22

解决方案2
0 2019-03-04 13:26:02