javascript - 如何在 twitter bootstrap 的选择子菜单中添加自定义箭头

Question

请任何人帮助我，我想像这个箭头图像一样在选择下拉列表中添加和自定义选择箭头。

Answer 1

如果您使用的是silviomoreto 的引导下拉菜单分支，那么，

引导菜单箭头可以与show-menu-arrow类一起添加。

HTML：

 <select class="selectpicker show-menu-arrow">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>

JS：

$('.selectpicker').selectpicker();

例如检查这个JSFiddle。

Answer 2

参见 css 三角形：

http://css-tricks.com/snippets/css/css-triangle/

在刚刚玩过箭头的位置之后。

例如：

http://jsfiddle.net/CpHTh/

content: "";
width: 0; 
height: 0; 
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
position:relative;
top: -23px;
left: 10px;