React-select 删除边框

Question

我正在尝试删除当我在反应选择的输入部分中单击或聚焦时显示的蓝色边框。

我用过

    control: (provided: any) => ({
      ...provided,
      background: "transparent",
      display: "flex",
      flexWrap: "nowrap",
      border: "none",
      "&:focus": {
        border: "none !important",
      },
      "&:select": {
        border: "none",
      },
      "&:hover": {
        border: "none",
      },
    }),

    menu: (provided) => ({
      ...provided,
      border: "none",
      boxShadow: "none",
    }),
    option: (provided) => ({
      ...provided,
      border: "none",
    }),
  };

但它不会影响蓝色边框

Answer 1

我能够通过添加来解决这个问题

boxShadow: "none !important"

,

控制风格