0

我已经使用 bootstrap-select 实现了一个选择下拉列表，但由于某种原因，一些奇怪的字形图标无意中出现并且没有呈现，因此在此应用程序中的每个电台名称之后显示为正方形。

这是应用程序：http ://radiant-taiga-9193.herokuapp.com/

以下是在每个带有字形图标的电台名称之后呈现的相关代码：

<i class="glyphicon glyphicon-ok icon-ok check-mark"></i>

这是我尝试修复失败的方法：

.glphicon, .glyphicon-ok, .icon-ok, .checkmark {
    visibility: hidden;
}

有什么建议么？

4

2 回答 2

1

您没有正确加载字体文件。检查控制台，因为您收到字体的 404 错误。

Failed to load resource: the server responded with a status of 404 (Not Found) http://radiant-taiga-9193.herokuapp.com/assets/twitter/fonts/glyphicons-halflings-regular.woff

Failed to load resource: the server responded with a status of 404 (Not Found) http://radiant-taiga-9193.herokuapp.com/assets/twitter/fonts/glyphicons-halflings-regular.ttf

Failed to load resource: the server responded with a status of 404 (Not Found) http://radiant-taiga-9193.herokuapp.com/assets/twitter/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular
于 2014-08-17T15:04:32.453 回答
1

利用

.check-mark { display: none !important }
于 2014-08-17T15:10:37.850 回答