插入符号或向下箭头未出现在选择标记中

Question

我正在尝试在表单中放置select上的插入符号或向下箭头。我已经尝试了很多，但它没有出现在选择框中。有人可以帮忙吗？

HTML：

<div class="form-group">
   <label class="control-label col-sm-3" id="label_form">Category</label>
   <div class="col-sm-4 ">
     <select class="form-control input-lg" name="category" id="category">
        <option>ONE</option>
        <option>TWO</option>
     </select>
   </div>
 </div>

CSS：

.form-control{
     padding:9px 18px 9px 12px !important;
     margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
     border-radius:4px;
     -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
     box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
     background: #f8f8f8;
     color:#888;
     border-color: #66afe9;
     outline:none;
     display: inline-block;
     -webkit-appearance:none;
     -moz-appearance:none;
     appearance:none;
     cursor:pointer;
     color: #555;
     font-size: 14px;
     height: 40px !important;
     display: block;
}

当前观点：

预期观点