如何删除 IndicatorContainer（IndicatorsContainer 的第一个子级）的填充？

Question

我正在尝试缩小反应选择的选择组件的大小。除了一个例外，一切都运行得很好。

\n

我希望删除其填充的元素具有此类：css-tlfecz-indicatorContainer并且是反应选择的子组件Select组件的子组件，更准确地说，是负责渲染\xc3\x97符号以清除选择的子组件。

\n

我尝试将其放入 Select 的 styles 属性中：

\n

indicatorsContainer: (provided, state) => {\n  return {\n    ...provided,\n    padding: \'0px\',\n    paddingLeft: \'0px\',\n    paddingTop: \'0px\',\n    paddingRight: \'0px\',\n    paddingDown: \'0px\',\n  };\n},\n

\n

但这不起作用。我期望有一个 IndicatorContainer 可样式组件，这样我就不必用自己的组件覆盖组件，但我认为这是唯一的方法。

\n

如果我从 DevTools\' Elements 选项卡手动更改样式，则选择的屏幕截图如下：

\n

\n

没有错误消息。

\n

谢谢。

\n

Answer 1

在问题的片段中，我只需替换indicatorsContainer为clearIndicator. 这clearIndicator不是用类似的类渲染的，clearIndicator而是用indicatorContainer（没有safter indicator）渲染的，这让我很困惑。