我想使用引导程序类在选择框中插入图像。
我已经尝试应用此解决方案: 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中,第二个选择框可以正常工作,但是在第一个选择框中,图像在选项内不可见。
有解决这个问题的主意吗?预先感谢您的可用性。