Ir para conteúdo

POWERED BY:

Arquivado

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

Daniel Lisboa

Estilizar <select> e <option>

Por , em Desenvolvimento frontend

Recommended Posts

Daniel Lisboa    0

Daniel Lisboa
Postado

Bom dia a todos, pessoal estou tentando estilizar essa caixa de <select> e <option>mas não to conseguindo...ah e tem também uma caixa de texto.queria que minha borda ficasse com uma cor e o texto de outra cor, quando faço fica so uma cor para os dois...quem puder me ajudar eu agradeço. Valeu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--select { }--></style></head><body><form action="" method="get" name="buscar"><select align"center" name="opcao1"  style="border-width: 1px; border-style: solid; font-size:11pt; color: #D2D6E2; letter-spacing : 1px;"><option value="teste"  selected> Todos os Clippings </option><option value="teste"  selected> Marketing </option><option value="teste"  selected> Tecnologia </option><option value="teste"  selected> Fashion </option><option value="teste"  selected> Carreira </option><option value="teste"  selected> Entrevistas </option><option value="teste"  selected> Estudos de Caso </option></select><input name="email" type="text" size="20" maxlength="20" value="--Ítem da Busca------" style= "border-width: 1px; border-style: solid;font:verdana; font-size:11pt; color: #D2D6E2; letter-spacing : 1px;"/><br /><img src="images/ajuda.jpg" /><input name="buscar" type="image" src="images/buscar.jpg" /></form></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leonardo P    0

Leonardo P
Postado

Daniel você não definiu nenhuma cor para a borda... o css não tem como saber que cor usar, coloque border-color:#tal.E tente não usar as formatações de estilo in-line, fica mais difícil de entender.Agora se funciona ou não no select aí eu não sei...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Daniel, é melhor se conformar, estilização de campos de formulário é algo muito limitado pelas CSS, existem até bibliotecas javascript que fazem isso, mas não vale a pena essa gambiarra toda apenas pra arrumar um campo de formulário[]'s

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