Ir para conteúdo

POWERED BY:

Arquivado

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

Felipe pr

[Resolvido] Mudar o visual de um select

Por , em Desenvolvimento frontend

Recommended Posts

Felipe pr    0

Felipe pr
Postado

Bom dia pessoal, queria saber como eu faço para aplicar um css no meu select, no meu site fiz um personalizado agora qd coloco esse código ele aparece normal, queria mudar ele para o estilo que eu criei.

abraço

 

<div id="bairros">
<select name="partnumber">
	<option value="7382" >REDENÇÃO
	<option value="2928" >CENTRO
	<option value="3993" >AGRONOMIA
	<option value="9398" >ANCHIETA
</select>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

crf_h0m3r    5

crf_h0m3r
Postado

Crie uma classe com seu estilo e aplique no class="suaclasse", no select.

Exemplo:

<html>
<body>
<style>
.estilo_select {background:#000; color:#FFCC00;}
</style>

<div id="bairros">
       <select name="partnumber" class="estilo_select">
               <option value="7382" >REDENÇÃO
               <option value="2928" >CENTRO
               <option value="3993" >AGRONOMIA
               <option value="9398" >ANCHIETA
       </select>
</div>

</body>
</html>

 

Obs: a tag <option> precisa ser fechada após o seu término, </option>.

Compartilhar este post

Link para o post
Compartilhar em outros sites

crf_h0m3r    5

crf_h0m3r
Postado

Felipe pr, eu não vejo tanta necessidade em mudar a seta não, já que é algo tão ínfimo.. mas achei essa página aqui (inglês) que o autor fez um select com uma seta laranja. Porém, se você baixar os arquivos, vai ver que é um background que tem a mesma largura do select.

Bom estudo :thumbsup:

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