select清除右侧的小三角

关于这个select清除右侧的小三角 在网上找了众多方法 无外乎 用个宽度较窄的div标签包围 select标签 然后让select标签 overflow:hidden; 这样基本上就可以实现select标签的隐藏三角了

今天偶然发现还有另一种方法 其中用到了CSS3的高级属性 不懂CSS3的盆友  赶紧恶补一下吧

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

CSS 写入这行代码 小三角就隐藏了 兼容性没有测试 chrome 可用