Foros del Web - Formateo de texto en un SELECT (combo box)

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Formateo de texto en un SELECT (combo box) (http://www.forosdelweb.com/f53/formateo-texto-select-combo-box-243792/)

Muzztein

02/11/2004 12:47

Formateo de texto en un SELECT (combo box)

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???? :stress:

andinistas

02/11/2004 12:52

mira en este ejemplo

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

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

:arriba:

iconogt

02/11/2004 13:14

Hola Muzztein,

Cita:

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 :arriba:

Slds... :adios:

Muzztein

02/11/2004 13:28

Hola Iconoqt Gracias por tu ayuda. :adios:

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 :pensando:

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

02/11/2004 13:46

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

02/11/2004 13:53

aja!!!

...entonces el formateo de CSS para los select reconoce solo lowercase o uppercase cuando viene en mayusculas, pero no capitalize :pensando: 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 :borracho:

MUCHAS GRACIAS A TODOS :adios: :adios: :adios: :aplauso: :corazon:

iconogt

02/11/2004 15:15

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

La zona horaria es GMT -6. Ahora son las 08:17.