Ajout d'options à la balise SELECT via JS. Ne sont-elles pas stylées par CSS?
-
07-07-2019 - |
Question
J'ai une balise select ressemblant à ceci:
<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>
Vous pouvez voir le css en ligne en indiquant que la police doit être blanche et qu’elle l’est au début. mais j'ajoute / supprime plus d'options avec Javascript et Ajax.
Voici comment j'ajoute des options:
next.options[i+1]=new Option(newFields[i], newFields[i], false, false);
Mais les options que j'ajoute ne sont pas dans une police blanche, elles ignorent le CSS, existe-t-il un moyen de le faire respecter?
Merci !!
La solution
Définissez directement la couleur d'un élément d'option. Par exemple:
var optionEl = new Option(newFields[i], newFields[i], false, false);
optionEl.style.color = 'red';
next.options[i+1] = optionEl;
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow