小编Gab*_*chi的帖子

如何在 Chakra UI 元素中添加 ::-webkit-scrollbar 伪元素?(反应)

我正在使用 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>
Run Code Online (Sandbox Code Playgroud)

html css reactjs chakra-ui

3
推荐指数
1
解决办法
3170
查看次数

标签 统计

chakra-ui ×1

css ×1

html ×1

reactjs ×1