Javascript 选择选项中的照片在chrome中不是shawn？

我对选择选项有点问题！ 问题是，如果我把照片放在列表中，它们会在Fire Fox中显示，但在chrome中却不是

这是我的代码：

函数更改（）{
select=document.getElementById（“select”）；
选择_s=select.style；
开关（选择。选择索引）{
案例0：
选择_.background=“url（'http://apistudyabroad.wpengine.netdna-cdn.com/wp-content/themes/API-custom/images/study_abroad_uae_flag.png""禁止重复",；
打破
案例1：
选择_.background=“url（'http://apistudyabroad.wpengine.netdna-cdn.com/wp-content/themes/API-custom/images/study_abroad_uae_flag.png""禁止重复",；
打破
}
}

我想没有办法做到这一点。只有Firefox支持此功能，为了在其他浏览器中实现此功能，您应该使用一些JQuery插件

相反，检查在您的情况下可能很有用
我想没有办法做到这一点。只有Firefox支持此功能，为了在其他浏览器中实现此功能，您应该使用一些JQuery插件

<select id="select" onchange="change();">
<option style="background:url('http://apistudyabroad.wpengine.netdna-cdn.com/wp-content/themes/API-custom/images/study_abroad_uae_flag.png') no-repeat; width:100px; height:100px;"></option>
<option style="background:url('http://apistudyabroad.wpengine.netdna-cdn.com/wp-content/themes/API-custom/images/study_abroad_uae_flag.png') no-repeat; width:100px; height:100px;"></option>
</select>

相反，检查在您的情况下可能有用

<select id="select" onchange="change();">
<option style="background:url('http://apistudyabroad.wpengine.netdna-cdn.com/wp-content/themes/API-custom/images/study_abroad_uae_flag.png') no-repeat; width:100px; height:100px;"></option>
<option style="background:url('http://apistudyabroad.wpengine.netdna-cdn.com/wp-content/themes/API-custom/images/study_abroad_uae_flag.png') no-repeat; width:100px; height:100px;"></option>
</select>


上述代码可以在Firefox和Webkit浏览器中使用。对于其他浏览器，您可以使用JQuery UI，请找到下面的链接


你也可以试试这个

资料来源：


上述代码可以在Firefox和Webkit浏览器中使用。对于其他浏览器，您可以使用JQuery UI，请找到下面的链接


你也可以试试这个

资料来源：
谢谢你的回答！谢谢你的回答！