Drop Down - Color tipografia

[ErikaR]

hola,
queria saber si podia poner tipografia de color al selector, pero solo a "Elija un producto", no toda la lista. Este es el codigo que estoy usando.


.selector{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 9px; line-height: 23px;}

[MoebiusDigital]

Creo que tendrás que poner el texto en un SPAN con el color que quieras.

[programeitor]

hola, puedes aplicarle los estilos igual que a otra etiqueta, en este mismo foro, si te fijas, hay un select al final de la pagina para ·Ir a· en el cual hay lineas de otro color. ,mira el codigo de la pagina y veras.

Salud os

[ErikaR]

Hola programeitor,
voy avanzando... me salio poner 2 drop down, c/u con color de tipografia diferente, me falta un paso mas: poder asignar otro color a las opciones que se despliegan, hice pruebas y no me salio, pego el codigo de lo que si me salio:

.selector{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 9px; line-height: 23px; color: #cc0000}

.selector2{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 9px; line-height: 23px; color: #666666}

<select class="selector"
name="select" size="1" onchange="MM_jumpMenu('parent',this,1)">
<option value="home5.html" selected="selected">Elija un
Producto</option>
<option value="7.html">Antibiotico</option>
<option value="7.html">Penicilina Estrepto</option>
<option value="7.html">Azitromicina Suspension</option>
</select>


--------------------


<select class="selector2"
name="select2" size="1" onchange="MM_jumpMenu('parent',this,1)">
<option value="home5.html" selected="selected">Elija un
Producto</option>
<option value="7.html">Antibiotico</option>
<option value="7.html">Penicilina Estrepto</option>
<option value="7.html">Azitromicina Suspension</option>
</select>


--------------------
la prueba del font de color que no quedo funciono:
<option value="7.html"><span class="texto"></span>Penicilina Estrepto</option>



gracias!
erika

[programeitor]

erika ,no dudo que tienes recursos, muy al contrario eres de admirar. ,vere como puedo ayudarte con esto, ·pero· me parece que sera nesesario un script, de lo contrario puede que alguien te de una solucion diferente.

Creo que lo que quieres es cambiar el color a las opciones que ya han sido seleccionas, no? pues en la funcion MM_jumpMenu() solo tendrias que añadir un par de lineas para hacer esto:

El script que te comento seria una cosa sencillita, y facil de comprender:

...no recuerdo ahora esa funcion pero seria cuestion de acoplarle a la opcion seleccionada un estilo u otro segun sea el caso, por ejemplo:

if(selector.options[n].selected)
{

}

[programeitor]

erika ,no dudo que tienes recursos, muy al contrario eres de admirar. ,vere como puedo ayudarte con esto, ·pero· me parece que sera nesesario un script, de lo contrario puede que alguien te de una solucion diferente.

Creo que lo que quieres es cambiar el color a las opciones que ya han sido seleccionas, no? pues en la funcion MM_jumpMenu() solo tendrias que añadir un par de lineas para hacer esto:

El script que te comento seria una cosa sencillita, y facil de comprender:

...no recuerdo ahora esa funcion pero seria cuestion de acoplarle a la opcion seleccionada un estilo u otro segun sea el caso, por ejemplo:

if(selector.options[n].selected)
{
selector.options[n].className=activo
}

o

selector.options[n].className=selector.options[n].selected?activo:inactivo

que podrias poner en la hoja de estilos, te parece?

[ErikaR]

hola programeitor!
gracias x los piropos, como diseñadora, la parte del cerebro que arma codigo no la tengo tan desarrollada!!!! con estas colaboraciones puedo avanzar!!

lo que necesito creo que es mas simple:

El selector tiene un nombre que ve primero el publico:
"Elija el producto" (quiero que este en rojo, las letras)

y opciones que se despliegan;

-antibiotico (quiero que esten en gris, las letras)
-vitamina (quiero que esten en gris, las letras)
-alimento (quiero que esten en gris, las letras)

muchas gracias
erika!

[programeitor]

Ah ,pues es verdad, en aquel momento lo entendi de otra forma, pero ya entiendo:

Entonces lo unico que has de hacer es darle el color gris a todo el select y asignarle al que va en rojo una nueva clase para que le cambie el color:

.selector{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 9px; line-height: 23px; color: #666666 }

.rojo{color:#cc0000}

<select class=selector>
<option class="rojo" >1er opcion</option>
<option>peras y guindas</option>
.
.
</select>

y ya esta.

[ErikaR]

hola programeitor!
gracias por tu gran voluntad de ayuda!

te copio me codigo porque no se si lo incerto bien, tengo 2 selectores y me mareo un poco...:

.selector2{font-family:Arial, Verdana, Helvetica, sans-serif; font-size: 9px; line-height: 23px; color: #666666}
.rojo{color:#cc0000}



<select class="selector2"
name="select2" size="1" onchange="MM_jumpMenu('parent',this,1)">
<option value="home5.html" selected="selected">Elija
un Producto</option>
<option value="7.html">Antibiotico</option>
<option value="7.html">Penicilina Estrepto</option>
<option value="7.html">Azitromicina Suspension</option>
</select>

No se como "intercalar el codigo que me decis" <option class="rojo" >

gracias!!!!!!!
erika

[JavierB]

Hola ErikaR

Código:

<option value="home5.html" class="rojo">Elija
un Producto</option>

No hace falta que pongas selected si quieres que se seleccione la primera opción.

Saludos,

[nbello]

hola.
me he ayudado mucho con tus datos..
pero tengo la siguiente duda....
como hago para que los box del formulario sean de un mismo tamaño ya que tengo varios form en la página....
y otra cosa como hago para que el link se abra en una pagina nueva..

gracias

nbello