下拉圖片在Chrome和IE中不可見

我在我的網站中添加了一個下拉菜單，並在其中添加了background image。我可以在Firefox中看到它，但無法使用Chrome或IE查看它。下拉圖片在Chrome和IE中不可見

這裏是： my site

在最頂部，你可以看到一個搜索圖標。一旦盤旋，你可以看到彈出。裏面，我正在使用下拉菜單。

您可以在Firefox中看到顯示正常但不使用任何其他瀏覽器的圖像。

Screenshot from Firefox:

Screenshot from chrome ：

這裏是選擇下拉碼我用：

我的JS

function goToNewPage(dropdownlist){ 
    var url = dropdownlist.options[dropdownlist.selectedIndex].value; 
    if (url != ""){ 
     window.open(url); 
    } 
}

我的HTML

<form name="dropdown"> 
    <label>I am Looking for</label> 
    <img src="http://test.techkalph.com/wp-content/uploads/2015/10/Bee-searching1.png"> 
    <select accesskey="E" name="list"> 
     <option selected="">Please select one</option> 
     <option style="background-image:url(http://test.techkalph.com/wp-content/uploads/2015/10/flowers271.png); background-repeat:no-repeat;" value="http://www.google.com/">Japanese Companies</option> 
     <option style="background-image:url(http://test.techkalph.com/wp-content/uploads/2015/10/social16.png); background-repeat:no-repeat;" value="http://www.google.com/">Service Provider (Non-Japanese)</option> 
    </select> 
    <input type="button" onclick="goToNewPage(document.dropdown.list)" value="Go"> 
</form>

來源

2015-11-06 Jitendra

在Firefox中不可見這裏 –

使用Firefox，你可以用風格化的一些屬性選項，但在另一個瀏覽器，你不能。 –

適用於Firefox - 但我無法選擇任何選項。一個更好的跨瀏覽器解決方案將是用圖像創建你自己的下拉列表。如果你是谷歌，你會發現很多解決方案。 – navigator