如何为IE和edge添加圆角滚动条

Question

我有跟随css的圆角srollbar，它适用于Chrome浏览器

perfectly

.scrollbar {
    height: 600px;
    background: #f9f9f9;
    overflow-y: scroll;
    padding: 18px 30px 18px 30px;
}

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

#SearchPanel::-webkit-scrollbar {
    width: 12px;
    background-color: #dddddd;
}

#SearchPanel::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #646468;
}

但是同样的css没有被应用于IE和边缘。

我也试过这个

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
}

这也不起作用。

Answer 1

  

示例：

您可以在CSS：

中尝试此操作

@supports (-ms-accelerator:true) {
#header { background-color: pink; }
}