我正在使用 React.js 和 ant-design 組件。
我有一個<Select/>組件，<Option/>里面有一些，現在我知道在每個選定的選項上都添加了這個自動色調，但我想改變它做一個不同的，也改變背景等，但前提是選項已被選中。
有沒有辦法做到這一點？
（選擇，選項組件 - https://ant.design/components/select/）
uj5u.com熱心網友回復：
<select>
<option selected="">1</option>
<option>2</option>
</select>
<style>
option[selected]{
background: #f00;
}
</style>
這是用于此的正確 CSS，但我認為它不適用于每個瀏覽器。即使在 Firefox 上，它也只有在您將滑鼠懸停在展開的選項上時才有效。更改輸入的 CSS 樣式總是非常糟糕和奇怪。這就是為什么有圖書館的原因。
uj5u.com熱心網友回復：
首先很抱歉我的英語不好，我不知道這是最好的答案，但是當我想更改元素樣式時，我使用它的類并給該類一個 css。對于選擇框，您可以在 css 檔案中使用 ant-select-selector ：
.ant-select-selector{background-color:green}
如果你想檢查類的不同內容，你可以檢查開發工具中的元素。如果你在我選擇選擇框 div 時查看這個img，我可以看到它自己的類，我可以更改它的背景顏色。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/389838.html
標籤：javascript 反应 蚂蚁
下一篇：更改映射陣列內單擊目標的狀態