如何在twitter bootstrap的select子菜单中添加自定义箭头

Question

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

Answer 1

如果您正在使用silviomoreto's fork of bootstrap dropdown，那么

可以使用 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;