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

Question

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

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

const customStyles = {

    multiValue: (styles) => ({

        ...styles,

        backgroundColor: blue,

        borderRadius: "50%",

    }),

}

背景颜色完美，标签变成蓝色。然而边框半径始终停留在 2px...

<Select

    options={options}

    styles={customStyles}

    isMulti

/>

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

Answer 1

事实证明，我覆盖了 的背景颜色multiValueLabel，它以某种方式隐藏了 中被覆盖的边框半径multiValue。backgroundColor从multiValueLabel解决的问题中删除该属性。