選項選擇的文本顏色

Question

我有一個HTML選擇窗體有幾個選項。

我想修改文本選項的顏色，但僅限於某些選項。在我下面的小提琴中，我修改了星期二選項的顏色，但修改僅在向下滾動選項時可見。 如何選擇星期二的特定顏色，也就是說在選項的頂部？

小提琴：https://jsfiddle.net/bb61c412/280/

代碼：

.form-control { 
 
    color: blue; 
 
} 
 

 
.selected { 
 
    color: red; 
 
}

<link rel="stylesheet" type="text/css" href="https://bootswatch.com/bower_components/bootstrap/dist/css/bootstrap.min.css" /> 
 

 
<form action="#" id="form" method="post" data-toggle="validator" style='text-align:center;'> 
 
    <div class="form-inline"> 
 

 
    <select class="form-control" name="date"> 
 
     <option value="0"> 
 
     Date 
 
     </option> 
 
     <option value="1"> 
 
     Monday 
 
     </option> 
 
     <option value="2" selected class="selected"> 
 
     Tuesday 
 
     </option> 
 
     <option value="3"> 
 
     Wednesday 
 
     </option> 
 
     <option value="4"> 
 
     Thursday 
 
     </option> 
 

 
    </select> 
 

 
    </div> 
 

 
</form> 
 

 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>