如何利用CSS去掉select的下拉式箭頭

本文給大家介紹css代碼去掉select的下拉式箭頭樣式的方法，代碼簡單易懂，需要的朋友可以參考下

廢話不多說了，直接給大家貼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; }

以上就是本文的全部內容，希望對大家的學習有所協助，更多相關內容請關注topic.alibabacloud.com！