Formateo de texto en un SELECT (combo box)

[Muzztein]

Tengo un SELECT que deseo que el texto de sus opciones vengan en un formato especial

Alguien sabe como le puedo aplicar Capitalize a los textos de las opciones del select ???

Probé con el siguiente codigo pero no funciona

Código:

<select name="beneficio" style="TEXT-TRANSFORM: capitalize;">
<option>NO QUIERO EL TEXTO EN MAYUSCULAS</option>
</select>

Alguien sabe por que?
alguien sabe como se puede aplicar un formato al texto de un select ???

ah????

[andinistas]

mira en este ejemplo

http://www.w3schools.com/css/tryit.a...text-transform

de la página de http://www.w3schools.com

[iconogt]

Iniciado por Muzztein

Tengo un SELECT que deseo que el texto de sus opciones vengan en un formato especial

A lo que tendrías que aplicarle estilo sería a OPTION y no a SELECT, claro que le puedes a plicar a los dos pero checate esto y me dices que pasa...

Código:

<style type="text/css">
     OPTION {
               font-family: courier,Verdana,Arial;
               font-size: 11px;
               color: #ffffff;
               background-color: #000099;
     }
</style>

De esa manera logras formatear el texto que irá en tu lista de selección

Slds...

[Muzztein]

Hola Iconoqt Gracias por tu ayuda.

Te cuento que los estilos de tu ejemplo se aplican sin ningun problema, sin embargo el que mas necesito no se aplica

es muy extraño

Código:

<style type="text/css">
     OPTION {
	  TEXT-TRANSFORM: capitalize;
               font-family: courier,Verdana,Arial;
               font-size: 11px;
               color: #ffffff;
               background-color: #000099;
     }
</style>


<select>
<option>NO QUIERO EL TEXTO EN MAYUSCULAS</option>
</select>

Que podra estar pasando ?

[Manoloweb]

Para que un texto pueda ser CAPITALIZEd, debe estar en minúsculas. Lo que puedes hacer es ponerlo todo en minusculas.

Código:

<style type="text/css">
     option{
	  text-transform: lowercase;
               font-family: courier,Verdana,Arial;
               font-size: 11px;
               color: #ffffff;
               background-color: #000099;
     }
</style>

Por cierto,m recuerda usar solo minusculas en los nombres de los selectores y sus atributos.

[Muzztein]

aja!!!

...entonces el formateo de CSS para los select reconoce solo lowercase o uppercase cuando viene en mayusculas, pero no capitalize interesante y una lastima a la vez.

ya que el texto me viene de un XML y viene todo en mayusculas, y no puedo pasarlo a minisculas con alguna funcion, ya que me echaria a perder el xml mismo, ya que es case sensitive.


sera pues. Si no se puede hacer, no hay mucho que hacerle



MUCHAS GRACIAS A TODOS

[iconogt]

Ok, que bueno que te haya servido,
Slds..