Agregar opciones a la etiqueta SELECT a través de JS ... ¿No está diseñado por CSS?

Question

Tengo una etiqueta de selección que se ve así:

<select style="background:#fa7171; color:#FFFFFF;" name="product_type_sub" id="product_type_sub" onChange="ajaxFunction(1);">
    <option value="None Selected">None Selected</option>
</select>

Puede ver el css en línea que dice que la fuente debe ser blanca, y es al principio. pero agrego / elimino más opciones con Javascript y Ajax.

Así es como agrego opciones:

next.options[i+1]=new Option(newFields[i], newFields[i], false, false);

Pero las opciones que agrego no están en una fuente blanca, ignoran el CSS, ¿hay alguna manera de aplicar esto?

¡Gracias!

Answer 1

Establecer color en un elemento de opción directamente. Por ejemplo:

var optionEl = new Option(newFields[i], newFields[i], false, false); 
optionEl.style.color = 'red'; 
next.options[i+1] = optionEl;