我正在嘗試對<select>元素background-color進行:hover樣式設定，同時<option>保持下拉串列的樣式不變。在我看來，這個問題只發生在 Firefox 中，而不發生在 Chrome/Safari 中。
帶有背景顏色的 Chrome 選擇
Firefox 選擇背景顏色
這將是代碼片段。請注意，我不想讓下拉選單受到 Firefox 中背景顏色的影響。另外：不僅背景顏色發生變化。邊界也發生了變化。一旦我給選擇一個背景顏色，整個“原生”外觀就會丟失。
select {
background-color: red;
}<select><option>Option</option></select>提前致謝。
uj5u.com熱心網友回復：
為什么不嘗試在 select 中設定選項的屬性，例如：
select option{
background-color: blue;
}
uj5u.com熱心網友回復：
我想我找到了一個合適的解決方法。
我們需要將懸停顏色應用到父 div 并使用:focus-within.
div:focus-within {
background: red;
}
select {
background: transparent;
border: 0;
}<div><select><option>Option</option></select></div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/407264.html
標籤：