All posts in 3月 2014

CSS重新定义select样式（含下拉箭头）

By Fyn on Leave a Comment
先用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%; 
}