Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ckcesar

Como colocar bordas para ser selecionado no <option>

Por , em Desenvolvimento frontend

Recommended Posts

ckcesar    7

ckcesar
Postado

Galera como eu faço um select com vários option de bordas?

Olha um exemplo como eu quero..

<select>
  <option value="3" >2px de Borda Simples</option>
  <option value="4" >3px de Borda Simples</option>
  <option value="5" >4px de Borda Simples</option>
</select>

Alguém pra me ajudar? Eu não encontrei nada pelo Bootstrap.

Compartilhar este post

Link para o post
Compartilhar em outros sites

codercss    14

codercss
Postado

olá,

é isto que pretende?

<!doctype html>
<html lang="pt">
<head>
    <meta charset="utf-8">
    <title>Uma borda para cada select</title>
    <style>
        #bd1 {
            border: 2px solid red;
        }
        #bd2 {
            border: 3px dashed green;
        }
        #bd3 {
            border: 5px dotted blue;
        }
    </style>
</head>
<body>
    <select>
        <option id="bd1" value="option1">Option1</option>
        <option id="bd2" value="option2">Option2</option>
        <option id="bd3" value="option3">Option3</option>
    </select>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito