Ajouter des options à SELECT tag via JS ..Ne sont pas stylisées par CSS?

J'ai une balise select qui ressemble à ceci:Ajouter des options à SELECT tag via JS ..Ne sont pas stylisées par CSS?

<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 sayin la police doit être blanc, et il est tout d'abord. mais j'ajoute/enlève plus d'options avec Javascript et Ajax.

Voici comment ajouter des options:

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

Mais toutes les options que j'ajouter ne sont pas dans une police blanche, ils ignorent le CSS, est-il un moyen de faire respecter cela?

Merci!

Source

2009-09-14 JD Isaacks

Dans quel navigateur voyez-vous cela? –

Cela fonctionne-t-il si vous définissez directement la couleur d'arrière-plan sur l'élément d'option? – kangax

Je sais que la prise en charge des règles liées à l'arrière-plan sur les éléments d'option n'est pas si large. Par exemple, certains navigateurs ignorent complètement la couleur de fond (IIRC, Chrome et Safari). Je ne suis pas sûr que ce soit la même chose avec les règles de "couleur". – kangax

Définissez la couleur directement sur 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;

Source

2009-09-16 23:08:57 kangax

Ajouter des options à SELECT tag via JS ..Ne sont pas stylisées par CSS?

Répondre

Questions connexes