selcect 下拉框样式 -添加加下拉图标

最新推荐文章于 2024-04-04 08:30:00 发布

艾小逗

最新推荐文章于 2024-04-04 08:30:00 发布

阅读量3.6k

点赞数

分类专栏： web 文章标签： web select 下拉框 html

本文为艾小逗原创文章，未经允许不可转载。转载请注明出处

本文链接：https://blog.csdn.net/qq_32442967/article/details/81540868

版权

web 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

给select 下拉选择框添加图标

<select>
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
</select>

css样式

select{
     appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
     background: url("../img/selectall.png") no-repeat scroll right center transparent;
     padding-right: 14px;
     border: none;			//去边框
	 border-bottom: 1px solid #666666;   //设置底部边框
	 line-height: 24px;      
}