select清除右側的小三角

關於這個select清除右側的小三角 在網上找了衆多方法 無外乎 用個寬度較窄的div標籤包圍 select標籤 然後讓select標籤 overflow:hidden; 這樣基本上就可以實現select標籤的隱藏三角了

今天偶然發現還有另一種方法 其中用到了CSS3的高級屬性 不懂CSS3的盆友  趕緊惡補一下吧

select{
  -webkit-appearance: none;
  -webkit-tap-highlight-color: #fff;
  outline: 0;
}

CSS 寫入這行代碼 小三角就隱藏了 兼容性沒有測試 chrome 可用