【用css怎么实现不用图片实现定制箱下拉框中一样的 _表单元素】

用css怎么实现不用图片实现定制箱下拉框中一样的

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(2)

表单元素

详细描述

截图

代码

.pulldown{
	background: url(../img/dbx.png)no-repeat 97%;
	-webkit-appearance:none;
	background-color: #fff;
	border: 1px solid #E8E8E8;	
	line-height: 20px;
	padding-left: 6px;
	width: 110px;
	height: 38px;
	margin-top: 26px;
	margin-left: 68px;
}

编辑于2024-11-18

时间排序

热门排序

[深圳|结业弟子]JS-许永坚
0

用select制作下拉菜单，再清除掉默认的倒三角样式，再载入自己需要的图片。
教程：http://ourjs.com/detail/551b9b0529c8d81960000007

查看全部>

编辑于2018-04-13

[西安|荣耀师兄]UI-阮少凡

那当然是使用select自己制作下拉菜单啦，清除掉默认样式，然后添加背景图片，自己设置下拉菜单的内容就行了

select {

    border: solid 1px #000;
    /**很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../img/task10/xl.png) no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 2rem;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
   /*select.sty1::-ms-expand { display: none; }*/

查看全部>

编辑于2019-01-05

去第页