被赋予"css-hash"类名前缀的 act-select 元素

Question

我一直在尝试自定义React select元素，但他们都得到了这些"css xxx"前缀如下：class="user-select css-b62m3t-container"

我不知道这是从哪里来的(可能是Next.js(，我被要求使用类来修改这些元素，但不使用那些散列。我已经尝试过了(用户选择是我的AsyncSelect类名(：

.user-select {
.control {
border-radius: 0.375rem !important;
border: 1px solid #d2ddec;
}
.control:focus {
border-radius: 0.375rem !important;
border: 1px solid #d2ddec;
}
}

还有这个：

.user-select {
&__control {
border-radius: 0.375rem !important;
border: 1px solid #d2ddec;
&--is-focused {
border-radius: 0.375rem !important;
border: 1px solid #d2ddec;
}
}

如这里所描述的如何风格反应选择选项，但我没有设法修改这些css属性；css散列"scss文件中的类名。

如果你们能帮助我了解这些标签的来源以及我做错了什么，我将不胜感激。

提前感谢！

Answer 1

这些散列类是@emotion创建的JS类中的CSS，也是核心库的一部分。使用样式替代函数可以创建其他零部件styles或将其他类添加到各个零部件中。