我只想在選擇選項子值上應用css選擇器。我有一個id應用在選擇器上。現在,我想在孩子1名兒童2適用不同的CSS等等等等如何在選擇選項上應用CSS選擇器子項
<select name="options[81]" id="select_81" class=" required-entry product-custom-option">
<option value="">-- Please Select --</option>
<option value="229" price="0">ariel </option>
<option value="230" price="0">times new roman </option>
</select>
現在我已經嘗試了這些選擇,但沒有工作
select#select_81.required-entry.product.custom-option:nth-child(2){
font-family:'Arial';
}
select#select_81.required-entry.product.custom-option:nth-child(3){
font-size:30px;
font-weight:800;
}
#select_81.required-entry.product.custom-option:nth-child(3){
font-size:30px;
font-weight:800;
}
#select_81:nth-child(3){
font-size:30px;
font-weight:800;
}
select#select_81option:nth-child(2), option:nth-child(3) {
font-weight:bold;
}
我們怎樣才能做到這一點通過使用CSS?
只是簡單地'#select_81選項{}'或相似。你也可以使用'nth-type-type'選擇器來選擇特定的選擇。話雖如此,選項下拉式不能真正被稱呼太多。你通常必須將這種風格應用於'
我想申請不同的CSS不同的孩子請再次閱讀問題 –
喜歡這個? https://jsfiddle.net/7c7q2ghe/ – Aeolingamenfel