內聯CSS背景未在Chrome / Safari / IE上顯示，但可在Mozilla Firefox上使用

Question

我有一個CSS問題：

我用3個選項創建了這個選擇：（可以在這里找到： jsFiddle ）

<select id="currency_dropdown_select" name="currency">
    <option class="currency_dropdown_option" style="background:url('http://www.jorggray.co.uk/skin/frontend/default/luxury/images/flags/img-GBP.jpg');" value="GBP" selected="selected"></option>

    <option class="currency_dropdown_option" style="background: url('http://www.jorggray.co.uk/skin/frontend/default/luxury/images/flags/img-EUR.jpg');" value="EUR"></option>

    <option class="currency_dropdown_option" style="background:url('http://www.jorggray.co.uk/skin/frontend/default/luxury/images/flags/img-USD.jpg');" value="USD"></option>
</select>

我已經嘗試了很多更改來解決此問題，但是任何已知的解決方案都無法正常工作。 沒有廣告塊，因為它已被禁用。

嘗試使用背景圖片，但沒有結果。

任何想法？

Answer 1

OPTION標簽不完全支持CSS，因為它們是操作系統級別的控件。 每個系統和瀏覽器都呈現不同的內容。

如果要在下拉菜單中使用背景，最好使用基於JavaScript的下拉菜單，它將無序列表變成下拉菜單，例如jQuery UI或Twitter Bootstrap中的下拉菜單。