css 自定义选择。第一部分是IE10。 En anteriores se sigue viendo la flecha propia del SO yyarestá。

Posted 2021-05-13

select{
	display:inline-block;
	font-size:0.875em;
	padding:.25em .5em;
	height:32px;
	min-height:32px;
	border:none;
	font-family:inherit;
	background-color:#ededed;
	color:#427314;
	outline-color:#427314;
	cursor:pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	background: #ededed url('img/flecha-a-mi-gusto.png') no-repeat 100% 0%;
	text-overflow: '';
}
select::-ms-expand {
    display: none;
}
select::-ms-value {
	background:none; color:#427314;}
select:focus{
	background:#ededed url('img/flecha-a-mi-gusto.png') no-repeat 100% 0%;
}
/* Nota: la imagen utilizada debe ir acorde en proporciones, sobre todo en su altura, en este caso 32px */