He probado soluciones CSS simples, así como una combinación de CSS y jQuery. El problema es que muestran la opción con el valor 0 en rojo solo cuando no está seleccionada.
.red { background: red; } select option[value=0] { background: red; } <select id="ups"> <option value=0 class="red" selected="selected">No</option> <option value=1>Yes</option> </select>Ya he realizado una búsqueda exhaustiva, así que por favor cualquier ayuda es apreciada. Gracias.
Supongo que depende del navegador, en firefox no puedo ver nada con fondo rojo, incluso si no está seleccionado.
Hay una pregunta similar aquí: ¿Cómo diseñar la opción de un elemento html "seleccionar"?
La gente vinculó esto: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_custom_select
No creo que hecho de esta manera pueda funcionar solo para una de las opciones. Sin embargo, puede hacerlo cuando se selecciona uno ('No', por ejemplo) de fondo para que todo se vuelva rojo. No es perfecto, pero lo más parecido posible creo que funcionará en los navegadores más populares.