我有以下 css 圆角滚动条,它非常适合 chrome 浏览器
.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 */
}
这也不起作用。
例子:
你可以在你的CSS
:
@supports (-ms-accelerator:true) {
#header { background-color: pink; }
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句