用CSS设置select的样式

最新推荐文章于 2024-01-19 18:41:59 发布

小跳不会Coding

最新推荐文章于 2024-01-19 18:41:59 发布

阅读量4.4k

点赞数 1

分类专栏： CSS样式文章标签： css css3 前端

本文链接：https://blog.csdn.net/weixin_48596030/article/details/122431572

版权

CSS样式专栏收录该内容

17 篇文章 1 订阅

订阅专栏

1.select下拉option跳转页面

<select  onchange="window.location=this.value;">
 	<option value="http://www.taobao.com">淘宝网</option>
 	<option value="https://www.baidu.com" selected=selected>百度</option>
</select>

2.修改select下拉箭头默认样式


select {
     /* 清除默认的箭头样式 */
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     
     /* 右侧添加箭头的背景图  自行调整位置 */
     background: url(../image/a0.png) 210px center no-repeat #fff;
}