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 right center transparent;

/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• CSS中图片文字垂直对齐怎么做，不对齐如何解决

  关于图片垂直居中显示，想必很多写css的人都研究过、或者说是搜寻过方法，下面这篇文章就给大家介绍关于图片与文字垂直方向不对齐问题的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。

• Canvas中怎么进行图像处理，有哪些基础知识

  这篇文章主要介绍了canvas 基础之图像处理的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• css元素垂直居中展示有哪些实现方法？

  css元素垂直居中展示有哪些实现方法？在实际的项目中，实现元素垂直居中的需求还是比较常见的，而实现元素垂直居中的方法有很多，本文给大家分享几个方法，需要的朋友可以参考。

• 用CSS怎么写聚光灯效果，原理和代码是什么

  如何利用CSS制作一个聚光灯效果？下面本篇文章给大家分析一下实现原理，分享一下​CSS聚光灯效果的实现代码，希望对大家有所帮助！

• 如何用JS制作一个简单的堆叠轮播图效果

  这篇文章主要介绍了HTML+CSS+JS实现堆叠轮播效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下