我有一个小问题 react-select 组件的改型。 如果你看一看他们的 官方医生 ，你会看到的所有属性，可以重新设计。 我的问题是，周围的文本我写的没有蓝色的边界，并不能消除它们。 还有周围的容器。
如果我检查这里就是我遇到：
它已作为id react-select-3-input 不能删除，甚至如果我直接写在铬检验让我们单独这样做。
我使用nextjs作框架和我加入一个文件 的风格。css 并将其导入 _app.tsx. 我试图添加这要看看会发生什么：
#react-select-2-input {
background-color: red;
color: red;
font-size: 40;
background-color: red;
}
但什么也没有发生。
你怎么认为我能解决这个问题？
如果你阅读该文件做出反应选择你可以看到，该文件引导你走向使用的情感超过直线前进CSS。
在实现这一点，你的工作应该这样做：
const reactSelectStyles = {
singleValue: (provided, state) => ({
...provided,
color: 'inherit',
}),
menu: (provided, state) => ({
...provided,
'z-index': 9,
}),
multiValue: (provided, state) => ({
...provided,
color: state.isDisabled ? "#000" : "#fff",
}),
};
这将创建一个对象然后可用于造型
<Select
styles={reactSelectStyles}
/>
代码中提供上述保证的默认造型是包括(所以你可以忽略，如果你想)和国家可以被用来做呈现不同的风格取决于国家的反应的选择。
我要说的是，你总会有一个困难的时间解决这种使用经常CSS由于作出反应选择(用的情绪)将产生的动态CSS类并不相互碰撞。