1

Tenho esse select com html e css:

inserir a descrição da imagem aqui

Como faço para colocar uma borda do lado da seta?

Assim:

inserir a descrição da imagem aqui

3

1 Resposta 1

2

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>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .