在 Chrome 中使用帶有白色文本和透明背景的選擇元素時似乎存在問題。它會導致除所選選項之外的所有選項不可見(白色背景上的白色文本)。我該如何解決這個問題?

例子:
顯示代碼片段
html, body {
background: black;
}
select {
background: transparent;
color: white;
}
<select>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
uj5u.com熱心網友回復:
您可以在選擇選項中為文本設定不同的顏色
顯示代碼片段
html, body {
background: black;
}
select {
background: transparent;
color: white;
}
#mySelect *{
color: black;
}
<select id='mySelect'>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/478063.html
