Bootstrap 3.3.7选择选项中的Glyphicons

我正在使用Bootstrap 3.3.7开发一个现有的网站，我需要使用glyphicons。它在任何地方都可以工作，但在一个选择选项中，它会显示一个包含4个字符的正方形(对应于glyphicon unicode(，就像它无法显示某些图像一样。

这是我的代码：

<select class="form-control glyphicon" name="typeMessage" id="typeMessage" required="true">
<option value="glyphicon glyphicon-exclamation-sign" selected="selected"> <span class="icon glyphicon">&#xe101;</span> Information</option>
<option value="glyphicon glyphicon-wrench">                               <span class="icon glyphicon">&#xe136;</span> Maintenance</option>
<option value="glyphicon glyphicon-warning-sign">                         <span class="icon glyphicon">&#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>

到目前为止的结果：选择带有字形图标的选项