Я хочу вставить изображение в поле выбора с помощью классов начальной загрузки.
Я уже пытался применить это решение: 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 второе поле выбора работает правильно, но в первом окне выбора оно представляет собой изображениявнутри опций не видно.
Есть идеи решить эту проблему? Заранее благодарим за доступность.