我正在嘗試使用css來更改一個國家選擇的所有大多數選項的文本顏色,但它不工作。css更改所有選項的文本顏色
CSS:
select option {
color:white;
}
HTML:
<select>
<option>Country</option>
<!--many more-->
</select>
我正在嘗試使用css來更改一個國家選擇的所有大多數選項的文本顏色,但它不工作。css更改所有選項的文本顏色
CSS:
select option {
color:white;
}
HTML:
<select>
<option>Country</option>
<!--many more-->
</select>
HTML:
<select id="country">
<option>Country</option>
<!--many more-->
</select>
CSS:
select#country {
color: blue; //or whatever color you want
}
只需添加類=類名的所有選項:
<option class=classname>Country1</option>
<option class=classname>Country1</option>
,然後做
.classname{
color:white
}
我不認爲這將是可能的,因爲選要素使用本地操作系統下拉列表呈現。
某些瀏覽器可能支持選擇樣式,但它不會在所有瀏覽器上正常工作。
你將不得不用ul標籤來替換它,並做select的功能然後用css來設計它。
幸運的是,網絡中有很多插件可以做到這一點。
你也可以把它放在一個類中,所以它可以讓你操作和選擇該類的個別孩子。這裏是如何做到這一點:
HTML:
<select class="classname">
<option>Country</option>
<option>Country</option>
CSS:
在這裏,你可以調用類:
.classname option {
color: white;
}
的可能的複製[如何風格一個