html – 如何更改bootstrap选择箭头到glyphicon？

概述我想实现这样的东西,除了箭头应该是bootstrap glyphicon图标： 我真的不知道如何使用bootstrap来制作它. 我试图这样做： <div class="my-select"> <div class="select-side"> <i class="glyphicon glyphicon-menu-down"></i> </div> <select class= @H_403_1@ 我想实现这样的东西,除了箭头应该是bootstrap glyphicon图标：

我真的不知道如何使用bootstrap来制作它.
我试图这样做：

<div >  <div >    <i ></i>  </div>  <select  ID="sel1">    <option>1</option>    <option>2</option>    <option>3</option>  </select></div>

通过在我的选择上设置选择方作为绝对并 *** 纵它,但无论我怎么努力,我都不能在整个选择下适合这个带有边框的蓝色div.当你点击那个箭头时 – 它不起作用.

我现在唯一的问题是点击选择方div不会打开面板.

编辑2：解决问题,工作演示：

http://codepen.io/Deathgazeroo/pen/wWWMqJ

解决方法 只添加指针事件：无;到.选择方.这会阻止此div中的鼠标事件,您可以单击后面的选择：

http://codepen.io/blonfu/pen/EyyPpJ

总结

以上是内存溢出为你收集整理的html – 如何更改bootstrap选择箭头到glyphicon？全部内容，希望文章能够帮你解决html – 如何更改bootstrap选择箭头到glyphicon？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。