扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。
目前创新互联建站已为1000+的企业提供了网站建设、域名、网页空间、网站托管维护、企业网站设计、大箐山网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
首先下拉菜单的样式是可以改变的，最关键的步骤是在select外层包裹一个div。具体如下：首先准备好一个你想替换成的样式的背景图片，因为这个效果是通过设置背景图片实现的。
css没有办法实现美化select下拉框的。
select属于浏览器内置组件，标准CSS无法调整其样式。你可以使用div来模拟select。首先创建一个div /来模拟下拉框。
1、select标签 select标签在HTML里面是下拉框，用户点一下可以选择里面的选项 option标签 option标签是select标签的选项，它有2个东西需要设置，分别是值value和文本显示。
2、添加label标签设置我们的下拉菜单选项的内容相应的选项值，然后设置select标签，在select标签内部设置option选项标签，这里需要几个选项就设置几个标签。如下图所示。
3、通过代码select设置一个下拉列表菜单，option设计下拉菜单下面的值来达成效果。
select属于浏览器内置组件，标准CSS无法调整其样式。你可以使用div来模拟select。首先创建一个div /来模拟下拉框。
首先看一下没有（background-color）属性的选择下拉框的效果。
CSS设置不了select 那个三角形的样式的。
用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。
div class=styled-select select optionHere is the first option/option optionThe second option/option /select/div//下拉箭头保持不变。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网