使用CSS定位選擇選項

我試圖在此選擇標記中選擇選項。是否有::我可以用來操縱它的選定的psuedo類？使用CSS定位選擇選項

<div class="form-group"> 
    <select class="form-control" id="category"> 
     <option disabled selected>Gifts by category</option> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
    </select> 
</div>

來源

2017-05-30 Umar

您應該可以使用屬性選擇器來選擇它。就像這樣：

#category option[selected] { /*styles*/ }

這裏是一個fiddle

來源

2017-05-30 15:50:27 zgood

你不能風格的選項。

您可以使用此css來刪除默認樣式的選擇本身雖然...

見片段：

.select { 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance: none; 
 
}

<select class="select"> 
 
    <option>A</option> 
 
    <option>B</option> 
 
    <option>C</option> 
 
    <option>D</option> 
 
    <option>E</option> 
 
    <option>F</option> 
 
</select>

或者你可以使用其中之一： https://codepen.io/ericrasch/pen/zjDBx

來源

2017-05-30 16:16:40

使用CSS定位選擇選項

回答

相關問題