select框默認樣式去除（ie中隱藏默認下拉圖標）

html代碼

 

 <select class="info-select">
       <option selected="selected">1</option>
       <option>2</option>
 </select>

css代碼

 /*清除ie的默認選擇框樣式清除，隱藏下拉箭頭*/
          select::-ms-expand { display: none; }          
         .info-select{
            width: 12%;
            margin-left: 64%;
            border: none;
            outline: none;
            /*將默認的select選擇框樣式清除*/
            appearance:none;
            -moz-appearance:none;
            -webkit-appearance:none;
            -ms-appearance:none;
           /*在選擇框的最右側中間顯示小箭頭圖片*/
           background: url(../img/arrow.png) no-repeat scroll right center transparent;           
         }