Блог

Я работаю на существующем веб-сайте, используя Bootstrap 3.3.7, и мне нужно использовать глификоны. Он работает везде, но в опции выбора он показывает квадрат с 4 символами (соответствующий символу юникода), например, когда он не может отобразить какое-либо изображение.

Вот мой код :

 <select class="form-control glyphicon" name="typeMessage" id="typeMessage" required="true">
   <option value="glyphicon glyphicon-exclamation-sign" selected="selected"> <span class="icon glyphicon">amp;#xe101;</span> Information</option>
   <option value="glyphicon glyphicon-wrench">                               <span class="icon glyphicon">amp;#xe136;</span> Maintenance</option>
   <option value="glyphicon glyphicon-warning-sign">                         <span class="icon glyphicon">amp;#xe107;</span> Incident</option>
</select>
 

Это единственный способ, который я нашел для отображения глификов, но ТОЛЬКО в том случае, если выбран этот параметр. В раскрывающемся списке по-прежнему отображается квадратная ошибка.

Я пытался :

 <option value="glyphicon glyphicon-warning-sign" data-content="glyphicon glyphicon-warning-sign">
<option value="glyphicon glyphicon-warning-sign" data-subtext="glyphicon glyphicon-warning-sign">
<i class="fas fa-info-circle"></i>
<i class="glyphicon glyphicon-exclamation-sign"></i>

 

Результат на данный момент: Выберите опцию с глифами

Опции в Selects не поддерживают ничего, кроме чистых текстов. Глификоны построены на классах CSS, которые не будут работать внутри .

Однако это может работать с НЕКОТОРЫМИ значками, если вы используете представление unicode, вы можете найти их здесь: https://glyphicons.bootstrapcheatsheets.com/#