Personalizar Select

[androide 0]

Boa tarde,

 

Criei um editor Html em javascript, e parei na parte das personalizações, baixei um dos plugins do jquery que jundo do css deixa o select com uma forma e estilo bem legal segue ex.( http://www.whitespace-creative.com/jquery/jNice/ )

só que acontece o seguinte quando clico no select ele desmarca a seleção do texto fazendo com que não aplique o tamanho nem o tipo do texto.

 

Existe alguma forma de personalizar o select com imagens e cores, para que fique parecido ou próximo do exemplo acima, e que não perca a seleção do texto onde será inserido o efeito?

[Evandro Oliveira 331]

personalize o <SELECT> como um elemento <INPUT> comum.

 

não se esqueça das divergências inter-browser

[androide 0]

personalize o <SELECT> como um elemento <INPUT> comum.

 

não se esqueça das divergências inter-browser

 

Tem como me dar um exemplo?

isso envolve div?

pois quando clico em um div o texto selecionado perde o focus, e minha intenção não é essa.

[Nino Giovanny 0]

Bem... Por enquanto, ainda não é possível estilizar a seta do select com css...

Se você deseja apenas alterar borda, background, fonte etc... Acesse-os normalmente como qualquer outro elemento...

 

select {
 background-color: #DDF;
 font: normal 80% helvetica, tahoma, arial;
 color:#006699;
}

 

Post unidos

 

Você também pode fazer o mesmo para cada elemento <option>

[Thiago Retondar 18]

Eu não entendi muito bem sua dúvida, mas vê se ajuda http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/topic/358092-solucao-para-estilizar-a-tag-select-com-css/

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif