Tenho esse select com html e css:
Como faço para colocar uma borda do lado da seta?
Assim:
Com o exemplo do @Emerson Vieira, fiz algumas alterações para obter o resultado que espera:
select {
background-image:
linear-gradient(0deg, transparent 0%, transparent 0%),
linear-gradient(0deg, transparent 0%, transparent 0%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100%) calc(1em + 1px),
calc(100%) calc(1em + 1px),
calc(100% - 1.5em) 0.2em;
background-size:5px 5px, 5px 5px, 1px 2.5em;
background-repeat: no-repeat;
width: 200px;
padding: 10px;
}
<select class="select">
<option>Arroz</option>
<option>Feijão</option>
<option>macarrão</option>
</select>