如何在IE11 +中为Kendo UI网格滚动条正确应用CSS hack

Question

我正在使用Angular中的Kendo UI网格为我的Web应用程序创建网格。 对于滚动条，我编写了一些代码，它在Chrome中工作正常，但是在IE的颜色中，滚动条的宽度显示不正确。

以下是我在CSS文件中拥有的滚动条的示例代码：

::-webkit-scrollbar  { width: 10px; height: 10px;}
::-webkit-scrollbar-button  {  background-color: #dddddd; }
::-webkit-scrollbar-track  {  background-color: #e8eaec;}
::-webkit-scrollbar-track-piece  { background-color: transparent;}
::-webkit-scrollbar-thumb  { height: 50px; background-color: #00AEEF; border-radius: 5px;}
::-webkit-scrollbar-corner  { background-color: #dddddd;}
::-webkit-resizer  { background-color: #dddddd;}

如何在IE11 +中解决此问题？