reactjs ChakraUI无法完全隐藏选择图标

yhxst69z 于 2023-04-05 发布在 React

关注(0)|答案(1)|浏览(138)

我有以下组件

<Select
      style={{ paddingInlineEnd: "0px" }}>
      ...
    </Select>

将iconSize属性设置为0 px似乎成功影响了类为chakra-select__icon的HTML元素，但 Package 类chakra-select__icon-wrapper不受影响。因为图标保留了width和height。如何将图标从页面中完全移除？
将icon属性设置为以下元素无效

<span style={{height: "0px", width: "0px"}}></span>

reactjs

来源：https://stackoverflow.com/questions/75907609/chakraui-cant-hide-select-icon-completely

1条答案

按热度按时间

kr98yfug1#

我去了图书馆，发现了一个类似的问题：https://github.com/chakra-ui/chakra-ui/discussions/3104
最后的代码看起来像这样：

const Select = {
  // parts: ["icon"],
  baseStyle: {
    icon: {
      height: "0px",
      width: "0px",
    },
  },
};

const theme = extendTheme({
  fonts,
  breakpoints,
  components: {
    Select,
  },
});

赞(0）回复(0）举报 2023-04-05

我来回答

reactjs ChakraUI无法完全隐藏选择图标

1条答案

相关问题

热门标签

最新问答