从 Bootstrap 3 中的表单元素选择中删除箭头

Question

我想移除显示在右侧时钟图标旁边的向上/向下箭头。这是图片：

这是 HTML：

<div class="form-group">
    <label class="control-label">Date:</label>
    <div class="right-inner-addon ">
        <i class="glyphicon glyphicon-time"></i>
        <select class="form-control input-lg">
            <option value="01">01</option>
            <option value="02">02</option>
            <option value="03">03</option>
            <option value="04">04</option>
            <option value="05">05</option>
            <option value="06">06</option>
            <option value="07">07</option>
        </select>
    </div>
</div> 

应用下面的建议 css 更改后，结果如下：

Answer 1

使用appearance 属性试试这个：

appearance 属性允许您使元素看起来像标准用户界面元素。

select.form-control {
  -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
}