CSS怎麼去掉select的下拉箭頭樣式（轉）

xinghuo0007發表於2017-05-24
CSS

廢話不多說了，直接給大家貼css程式碼了，具體程式碼如下所示：


select {   
      /*Chrome和Firefox裡面的邊框是不一樣的，所以複寫了一下*/  
      border: solid 1px #000;   
      /*很關鍵：將預設的select選擇框樣式清除*/  
      appearance:none;   
      -moz-appearance:none;   
      -webkit-appearance:none;   
      /*在選擇框的最右側中間顯示小箭頭圖片*/  
      background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll rightright center transparent;   
      /*為下拉小箭頭留出一點位置，避免被文字覆蓋*/  
      padding-right: 14px;   
    }   
    /*清除ie的預設選擇框樣式清除，隱藏下拉箭頭*/  
    select::-ms-expand { display: none;
 }

好了，程式碼到此結束了，希望對對大家有所幫助，如果大家有任何疑問歡迎給留言，小編會及時回覆大家的！

文章轉自：http://www.codesec.net/view/475250.html

相關文章