Question

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

Answer 1

bydefault插入符号添加到带引导程序的选择框中，请按照上面提到的内容进行操作，您也可以在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>

Answer 2

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

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

谨慎行事，祝你好运！

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

2 个答案: