我想将区域更改为最大溢出:仅在以下情况下滚动::-webkit-scrollbar-thumb
是支持的。
在纯 CSS 中这可能吗?看起来@supports
只检查规则,不检查选择器。
您现在可以使用@supports selector() https://drafts.csswg.org/css-conditional-4/#at-supports-ext以伪元素为目标。以下是适合您的用例的相关示例:
@supports selector(::-webkit-scrollbar-thumb) {
.scroll-container {
overflow: scroll
}
}
请参见这个 JSFiddle https://jsfiddle.net/CSSBurner/42xdu3po/,这演示了浏览器支持::-webkit-scrollbar-thumb
in
- 铬86
- Edge 87
- Opera 72
but not
- 火狐82
- 狩猎12
截至 2020 年 12 月,浏览器支持 https://caniuse.com/?search=supports%20selector for @supports selector
大约是72%。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)