Bootstrap Select下拉列表

时间:2015-03-16 18:04:40

标签: javascript twitter-bootstrap

我需要自定义bootstrap选择下拉框,其中  "插入符号"将由image / png更改。 如何实现这一目标。我在网上发现的大多数例子都是直截了当的......无法找到任何正确的解决方案。请帮忙

2 个答案:

答案 0 :(得分:0)

我没有测试过这个,但是像

那样
<span class="glyphicon">Dropdown Text<img src="img.png" /></span>

目前无法进一步研究

答案 1 :(得分:0)

最简单的方法是覆盖插入符号css类,以包含图像而不是经典三角形。

bootply中的一个示例。

CSS:

.caret {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background:url('http://pesos.pes.edu/images/icons/facebook.png') center no-repeat;                           
}