我正在使用 Chakra UI,我需要使用 css 伪元素自定义滚动条样式::-webkit-scrollbar
,但是 Chakra UI 没有看到这个伪元素,并且我不知道在哪里可以在不创建全局 css 类的情况下设置这个特定组件的样式。
这是我的代码示例:
<Box
overflowX="auto"
maxW="100vw"
h="100%"
whiteSpace="nowrap"
pb="17px"
color="white"
px="32px"
// the ::-webkit-scrollbar property should goes here
>
<!-- content -->
</Box>
尝试 css 属性:
<Box
overflowY="auto"
css={{
'&::-webkit-scrollbar': {
width: '4px',
},
'&::-webkit-scrollbar-track': {
width: '6px',
},
'&::-webkit-scrollbar-thumb': {
background: scrollbarColor,
borderRadius: '24px',
},
}}
>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)