Выбранный цвет выбранного цвета

Question

У меня есть форма выбора HTML с несколькими вариантами.

Я хотел бы изменить цвет текста, но только для определенных параметров. В моем Скриншоте ниже я изменил цвет для опции Вторник, но эта модификация видна только при прокрутке параметров вниз. Как я могу видеть, что определенный цвет также отображается для Вторник, когда он выбран в верхней части опций?

Fiddle: 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>