添加插入符号以选择下拉菜单答案

【问题标题】：add caret to select dropdown menu添加插入符号以选择下拉菜单
【发布时间】：2017-02-12 05:16:46
【问题描述】：

here is the image 我想在我的选择下拉菜单中添加一个引导 caret 类。

.select_menu{
  font-size: 12px;
  outline: none;
  border: thin #ddd solid;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #F7F7F7;
}

<select class="form-control select_menu" style="">
    <option>Click here to select purpose</option>
    <option>Option 1</option>
    <option>Options 2 </option>
</select>

我使用了引导表单控件。如何添加插入符号以选择下拉菜单。

【问题讨论】：

查看此链接：silviomoreto.github.io/bootstrap-select
您不希望它成为您单击并转到页面的下拉菜单 - 还是您不希望它成为您选择某些内容的选择？
是的..我想成为我选择选项的选择。
我通过放置图片编辑了问题

标签： html css twitter-bootstrap

【解决方案1】：

默认插入符号添加到带有引导程序的选择框中，请按照上述说明进行操作，您也可以在 jsfiddle https://jsfiddle.net/k0Lm7eL1/12/ 上查看

.select_menu{
  font-size: 12px;
  outline: none;
  border: thin #ddd solid;
  background-color: #F7F7F7;
}

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

<div class="form-group">

<select class="select_menu form-control" >
    <option>Click here to select purpose</option>
    <option>Option 1</option>
    <option>Options 2 </option>
</select>

</div>

【讨论】：

我只想要插入符号。不想要任何东西。默认情况下在引导程序中。
当我写 appearance: none; 然后箭头消失。

【解决方案2】：

查看this answer - 我认为您正在寻找的内容是正确的。

<select> 元素中显示的插入符号由用户的浏览器或操作系统决定。您可以覆盖它以设置自定义插入符号/图像；但是，如链接帖子中所述，您可能会降低移动设备上的体验质量。

谨慎行事，祝你好运！

【讨论】：