Добавление параметров для тега SELECT через JS .. Не стилизованы под CSS?

Question

У меня есть тег выбора, который выглядит следующим образом:

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

Вы видите, что встроенный CSS говорит, что шрифт должен быть белым, и он сначала. но я добавляю / удаляю больше опций с Javascript и Ajax.

Вот как я могу добавить опции:

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

Но любые опции, которые я добавляю, написаны не белым шрифтом, они игнорируют CSS, есть ли способ применить это?

Спасибо !!

Answer 1

Установить цвет на элементе опции напрямую. Например:

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