CSS重新定义select样式(含下拉箭头)

先用appearance:none取消浏览器默认样式,再用多重背景定义背景色和箭头
select {
	@include appearance(none);
	@include background-image(inline-image("select_arrow.png"),linear-gradient(top, #ffffff 0%,#e8e8e8 100%));
	background-repeat: no-repeat, repeat-x;
	background-position: right center, right top ;
	background-size: auto 100%, 100% 100%; 
}

 

发表回复

您的电子邮箱地址不会被公开。