matometaru
2/3/2017 - 5:43 AM

selectbox簡易スタイル(IE9以下はデフォルト)

selectbox簡易スタイル(IE9以下はデフォルト)

select {
	appearance: none;
	border: 1px solid #abadb3;
	border-radius: 2px;
	padding: 7px 40px 7px 12px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA0klEQVQ4T63U6w3CMAwE4LtFWK2JBGULELAELylZjS5i5KqqaJtXG/w30Sc7OZnW2r1z7o0/lFo0xnxIeufcuca01l5ExPQggB3J61Z0wE4AuhHU7ragP5gSU3AtOsPCYCkawOJgDo1gaTCGJrA8OEczWBk4ZPNGUkREo5Gqjk3TtCTvmpqaYAMQAMceMcYcADwq0B7z3r/GrirQEevf/HfMDegEW4Arx19gQbAQDWJRUA90t4nIM/BRUSwJRtAklgVnqK63Nrfdi8Ks4yuew/TOF4QYpCqtK3cmAAAAAElFTkSuQmCC");
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: right 14px center;

	background: none\9;
	padding: 7px 10px 7px 12px\9;
	@media all and (-ms-high-contrast: none) {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA0klEQVQ4T63U6w3CMAwE4LtFWK2JBGULELAELylZjS5i5KqqaJtXG/w30Sc7OZnW2r1z7o0/lFo0xnxIeufcuca01l5ExPQggB3J61Z0wE4AuhHU7ragP5gSU3AtOsPCYCkawOJgDo1gaTCGJrA8OEczWBk4ZPNGUkREo5Gqjk3TtCTvmpqaYAMQAMceMcYcADwq0B7z3r/GrirQEevf/HfMDegEW4Arx19gQbAQDWJRUA90t4nIM/BRUSwJRtAklgVnqK63Nrfdi8Ks4yuew/TOF4QYpCqtK3cmAAAAAElFTkSuQmCC");
		background-size: 10px;
		background-repeat: no-repeat;
		background-position: right 14px center;
		padding: 7px 40px 7px 12px;
	}
	&::-ms-expand {
		display: none;
	}
}