我正在尝试使react- Select的Select组件的大小更小。除了一个例外,一切都运行得很好。
我希望删除其填充的元素有这样一个类:css-tlfecz-indicatorContainer
,它是react-select Select
组件的子组件,更准确地说,是负责呈现用于清除选择的×号的子组件。
我试着把它放在Select的样式道具中:
indicatorsContainer: (provided, state) => {
return {
...provided,
padding: '0px',
paddingLeft: '0px',
paddingTop: '0px',
paddingRight: '0px',
paddingDown: '0px',
};
},
但它不起作用。我希望有一个indicatorContainer样式的组件,这样我就不必用我自己的组件覆盖组件,但我认为这是唯一的方法。
如果我从DevTools的Elements选项卡中手动更改样式,则显示选择的屏幕截图:
没有错误消息。
谢谢。
发布于 2020-09-02 09:48:25
在问题中的代码片段中,我只需用clearIndicator
替换indicatorsContainer
。这个clearIndicator
不是用clearIndicator
这样的类呈现的,而是用indicatorContainer
(在indicator
之后没有s
)呈现的,这让我很困惑。
发布于 2020-12-31 15:03:06
您需要设置dropdownIndicator
和clearIndicator
的样式,而不是indicatorContainer
。
https://stackoverflow.com/questions/63702778
复制