CSS em formulário dinâmico

[Leebano 0]

Aê comunidade! ^_^ Estou passando pro problemas aqui, criei um sistema de busca pro meu site, onde tenho um menu drop-down que pega os valores do BD em ASP e preciso personalizar a fonte dos textos que aparecem no menu. Abaixo o código desse menu:

 

<form action="Links/Resultados.asp" method="get" name="busca" id="busca"><table width="100%"  border="0" cellspacing="0" cellpadding="0">                        <tr>                          <td valign="top"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Busque um produto em nosso banco de dados:                              <select name="grife" class="form" id="grife">                                <option selected value="">Pesquise por Grife</option>                                <%While (NOT rsBusca.EOF)%>                                <option value="<%=(rsBusca.Fields.Item("cod_grife").Value)%>"><%=(rsBusca.Fields.Item("grife").Value)%></option>                                <%  rsBusca.MoveNext()WendIf (rsBusca.CursorType > 0) Then  rsBusca.MoveFirstElse  rsBusca.RequeryEnd If%>                              </select>                              <input type="submit" name="Submit" value="Enviar">                              <a href="busca_ava.asp" class="buscaava">Busca Avançada</a></font></td>                        </tr>                      </table>                    </form>

Como podem notar, tentei fazer um .class para o formulário para o campo drop-down, mas o mesmo não funciona. O código do estilo .css é esse abaixo:

 

.form {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 9px;	color: #666666;	background-color: #FOFOFF;}

Se alguém já passou por isso e quiser ajudar, brigadão.

 

Abraços!

[Baldwin 0]

Cara, já tentei e o máximo que consegui foi colocar bordas e diminuir a fonte.Não consegui mudar a maldita setinha do drop-down.Abraços,

[PorKaria 0]

se você quer estilizar um select de acordo com seus options, você faz assim..

 

no css...

.titulo {color: #FFFF00;font-weight:bold;}.item1 {color: #FF0000;}.item2 {color: #00FF00;}

no html...

 

<select name="soh"><option value="" class="titulo">Bebibas</option><option value="">--------------------</option><option value="pinga" class="item1">Maravilha</option><option value="cerveja" class="item2">Básico</option></select>

assim você estiliza um select.... e por ae vai..

 

falows

PorKaria

[fael 1]

Não precisa disso tudo, basta apenas criar uma classe e colocar no id do select assim:

 

<select id="nomedaclasse">!!!

Só que na classe você deve colocar # invéz de .

 

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