有没有一种方法可以在Internet Explorer11的选择框中添加图像?

时间:2019-09-30 12:08:37

标签: twitter-bootstrap

我想使用引导程序类在选择框中插入图像。

我已经尝试应用此解决方案: https://codepen.io/Lihkinrian/pen/boOowo?editors=1111

自然地,我还导入了以下资源:

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js

<select class="selectpicker">
  <option data- 
thumbnail="http://icons.iconarchive.com/icons/tinylab/android-lollipop- 
apps/24/Foursquare-icon.png" >Foursquare</option>
  <option data- 
thumbnail="http://icons.iconarchive.com/icons/tinylab/android-lollipop- 
apps/24/Twitter-icon.png">Twitter</option>
  <option data- 
thumbnail="http://icons.iconarchive.com/icons/tinylab/android-lollipop- 
apps/24/Evernote-icon.png">Evernote</option>
  <option data- 
thumbnail="http://icons.iconarchive.com/icons/tinylab/android-lollipop- 
apps/24/Dropbox-icon.png" >Dropbox</option>
 </select>

<hr />

<select class="selectpicker">
  <option data-icon="glyphicon glyphicon-eye-open" data- 
 subtext="petrification">Eye of Medusa</option>
  <option data-icon="glyphicon glyphicon-fire" data-subtext="area 
 damage">Rain of Fire</option>

在Internet Explorer 11中,第二个选择框可以正常工作,但是在第一个选择框中,图像在选项内不可见。

有解决这个问题的主意吗?预先感谢您的可用性。

0 个答案:

没有答案