通過JS ..添加選項到SELECT標籤。樣式不是CSS樣式的？

我有一個選擇標記，看起來像這樣：通過JS ..添加選項到SELECT標籤。樣式不是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>

你可以看到內聯CSS在說的字體應該是白色的，它是在第一。但我使用Javascript和Ajax添加/刪除更多選項。

這是我如何添加選項：

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

但是，我添加不在一個白色字體的任何選項，他們忽視了CSS，有沒有辦法強制執行呢？

謝謝！

來源

2009-09-14 JD Isaacks

什麼瀏覽器，你看到它在？ – 2009-09-14 20:54:58

如果直接在選項元素上設置背景顏色，它會工作嗎？ – kangax 2009-09-14 20:59:24

我知道對選項元素的背景相關規則的支持並不那麼寬。例如，某些瀏覽器完全忽略背景色（IIRC，Chrome和Safari）。我不確定它是否與「顏色」規則相同。 – kangax 2009-09-14 21:01:42

直接在選項元素上設置顏色。例如：

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

來源

2009-09-16 23:08:57 kangax

通過JS ..添加選項到SELECT標籤。樣式不是CSS樣式的？

回答

相關問題