如何在Bootstrap中从下拉菜单中删除箭头

Question

我在试着把箭从下坠中移除。我想用两个象形文字来代替triangle_span -三角形。怎么做？我的代码是：

​

  <div class="form-group">
<label>Labeling:</label>
                                   
                                    
<input type="hidden" id="unique_index" value="0" />
<select name="labeling[]" id="labeling" class="dropdown" >
<option value=''" . set_select('labeling', '') . " role='menuitem'> </option>
<option value="1" <?php echo set_select('labeling', '1'); ?> role="menuitem">1</option>
<option value="2" <?php echo set_select('labeling', '2'); ?> role="menuitem">2</option>
</select>
 <span  id="triangle_span" >  
<span class="glyphicon glyphicon-triangle-bottom"></span>
<span class="glyphicon glyphicon-triangle-top"></span>
</span>
                             
 </div>

​

Answer 1

您可以检查这个css：

select {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   text-indent: 1px;
   text-overflow: '';
   background: url("custom image") no-repeat right center;
}

select::-ms-expand {
    display: none;
}