如何更改反应选择标签边框半径

Question

我正在尝试覆盖 react-select 样式以实现圆角多值标签。

所以我继续编辑multiValue 样式属性，如下所示：

const customStyles = {
multiValue: (styles) => ({
            ...styles,
            backgroundColor: blue,
            borderRadius: "50%",
        }),
}

背景颜色完美，标签变为蓝色。但是边框半径总是停留在 2px...

        <Select
                options={options}
                styles={customStyles}
                isMulti
            />

如何覆盖react-select施加的默认2px边框半径

Answer 1

原来我覆盖了multiValueLabel 的背景颜色，它以某种方式隐藏了multiValue 中覆盖的边界半径。从multiValueLabel 中删除backgroundColor 属性解决了这个问题。