Estoy recorriendo las citas disponibles e intentando cambiar el color del valor seleccionado en el menú desplegable (más de 1 menú desplegable en la lista). Puedo ver que el color es diferente para cada valor, pero cuando lo selecciono, vuelve a cambiar a negro.
.appt-status select option[value="0"] { color: #3EA47B; } .appt-status option[value="1"] { color: #3EA47B } .appt-status option[value="2"] { color: #FF0000; } .appt-status option[value="3"] { color: #FFA927; } <!-- begin snippet: js hide: false console: true babel: false --> <div class="appointmentList" data-bind="foreach: visibleAppointments"> <select class="form-control appt-status" data-bind="value: confirmationStatus, event:{ change: $parent.statusChanged}" > <option data-icon="" class="status-list" value="1" > Confirmed</option> <option class="status-list" value="2" >Reschedule</option> <option class="status-list" value="3" >Pending</option> <option class="status-list" value="0" >Not opted-in</option> </select> </div>