html中的字形图标选择不起作用

时间:2014-08-15 16:45:36

标签: php html5 font-awesome glyphicons

我正在尝试从选择中显示类别名称前面的glyp图标。类别名称显示正常。我无法显示字形图标。它在选项之外工作,但无法将图标放入下拉菜单中。

提前致谢。这是我在的地方

<option \>Select</option>
  <?php
do {  
?>
  <option value="<?php echo $row_event_cats['cat_id']?>"><i class="fa fa-leaf"></i><?php     echo $row_event_cats['cat_name']?></option>
  <?php
} while ($row_event_cats = mysql_fetch_assoc($event_cats));
  $rows = mysql_num_rows($event_cats);
  if($rows > 0) {
      mysql_data_seek($event_cats, 0);
      $row_event_cats = mysql_fetch_assoc($event_cats);
  }
?>
</select>

1 个答案:

答案 0 :(得分:0)

“下拉菜单”仅显示文字。但Glyphicon标签<i class="fa fa-leaf"></i>不包含任何文字,因此无法显示。您可以尝试找到一个实际上使用字符而不是类的字形库,但我现在无法想到任何字符。让我搜索几秒钟。

修改

似乎无法使用&#34;标准&#34; HTML工具包。如果您正在使用Bootstrap,请检查http://silviomoreto.github.io/bootstrap-select/

如果您不是,请检查http://ivaynberg.github.io/select2/