从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;
}