twitter-bootstrap – 如何在html选择中使用引导3字形

发布时间：2020-12-18 00:19:31 所属栏目：安全来源：网络整理

导读：我需要在用户的ui中选择一个Bootstrap 3 glyphicons子集. 我试过这个： select class="form-control" optionspan class="glyphicon glyphicon-cutlery"/span/option optionspan class="glyphicon glyphicon-eye-open"/span/option optionspan class="glyphic

我需要在用户的ui中选择一个Bootstrap 3 glyphicons子集.

我试过这个：

<select class="form-control">
  <option><span class="glyphicon glyphicon-cutlery"></span></option>
  <option><span class="glyphicon glyphicon-eye-open"></span></option> 
  <option><span class="glyphicon glyphicon-heart-empty"></span></option>
  <option><span class="glyphicon glyphicon-leaf"></span></option>
  <option><span class="glyphicon glyphicon-music"></span></option>
  <option><span class="glyphicon glyphicon-send"></span></option>
  <option><span class="glyphicon glyphicon-star"></span></option>
</select>

然而,我得到的都是空行.任何帮助或替代建议赞赏.

解决方法

我认为标准的HTML选择不会显示HTML内容.我建议检查Bootstrap选择： http://silviomoreto.github.io/bootstrap-select/

它在选择中显示图标或其他HTML标记有几个选项.

<select id="mySelect" data-show-icon="true">
  <option data-content="<i class='glyphicon glyphicon-cutlery'></i>">-</option>
  <option data-subtext="<i class='glyphicon glyphicon-eye-open'></i>"></option>
  <option data-subtext="<i class='glyphicon glyphicon-heart-empty'></i>"></option>
  <option data-subtext="<i class='glyphicon glyphicon-leaf'></i>"></option>
  <option data-subtext="<i class='glyphicon glyphicon-music'></i>"></option>
  <option data-subtext="<i class='glyphicon glyphicon-send'></i>"></option>
  <option data-subtext="<i class='glyphicon glyphicon-star'></i>"></option>
</select>

这是一个演示：http://bootply.com/86480

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!