Html
    Css
    Js

    
                        
.Filter_title {
	width:840px;
}
.Filter_title select select::-ms-expand {
	display:none;
}
.Filter_title select {
	height:40px;
	line-height:25px;
	width:auto;
	display:inline-block;
	border:none;
	cursor:pointer;
	font-size:12px;
	color:#666;
	text-align:right;
	outline:none;
	padding:10px;
	padding-right:0px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background:url('http://image.huawei.com/tiny-lts/v1/images/64d50259e8ba7b752572_7x7--org.png') no-repeat right 19px;
	margin-right:20px;
}
.Filter_title select:hover {
	background:url('http://image.huawei.com/tiny-lts/v1/images/706c4259e8bac8532e71_7x7--org.png') no-repeat right 19px;
}
.Filter_title option {
	text-align:right;
	height:25px;
	display:block;
}
.Filter_title .left {
	float:left;
	margin-top:13px;
	margin-right:43px;
}
.Filter_title .F_jl {
	float:right;
	color:#999;
	margin-top:10px;
	padding-right:5px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.9.1
 立即下载

自定义的长度,根据option的值自适应宽度

自己写的没有任何插件的时候确实要是不好自适应,还有jquery

0