css 去掉输入框里的箭头

CSS 是一种样式表语言，可以用来美化网页中的内容。有时候我们需要去掉输入框（select）里的默认箭头，本文就是为了讲解如何做到这点。

select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: url('下拉菜单按钮图片') no-repeat scroll right center transparent;
      padding-right: 20px;
}
    

如上代码，其中 appearance 属性是用来改变元素外观的，一般使用为 none。

由于收到了不同浏览器厂商的影响，在不同浏览器上也需要进行兼容处理。

当然，我们也可以通过更改箭头颜色，调整 padding 或 width，在输入框边上加入角标 > 或者使用自定义的图片等方式来实现。需要根据实际情况选择最合适的方法。

希望这篇文章对你有所帮助！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！