如何更改所选 <Option/> 的 <Select/>CSS?



我正在使用React.js和ant设计组件。

我有一个<Select/>组件,里面有几个<Option/>,现在我知道在每个选择的选项上都添加了这个自动色调,但我想改变它做一个不同的色调,还想改变背景等,但前提是选择了一个选项。

有办法做到这一点吗?

(选择,选项组件-https://ant.design/components/select/(

首先,很抱歉我的英语不好,我不知道这是最好的答案,但当我想更改元素样式时,我会使用它的类,并给该类一个css。对于selectbox,您可以在css文件中使用ant select选择器:

.ant-select-selector{background-color:green}

如果您想检查类中的不同内容,可以在dev工具中检查元素。如果你看这个img,当我选择选择框div时,我可以看到它自己的类,我可以改变它的背景色。

<select>
<option selected="">1</option>
<option>2</option>
</select>
<style>
option[selected]{
background: #f00;
}
</style>

这是正确的CSS,但我认为它不适用于所有浏览器。即使在Firefox上,它也只有当你将鼠标悬停在扩展选项上时才能工作。更改输入的CSS样式总是非常糟糕和奇怪。这就是为什么有这样的图书馆。

最新更新