Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Insertar etiqueta dentro de un option

Estas en el tema de Insertar etiqueta dentro de un option en el foro de HTML en Foros del Web. Hola fororeros, hoy un amigo me ha hecho una pregunta, "como puedo cambiar el color de letra de un option?" Al principio me pareció facil ...
  #1 (permalink)  
Antiguo 09/11/2015, 08:53
Avatar de Beuses  
Fecha de Ingreso: marzo-2009
Ubicación: Maracaibo
Mensajes: 132
Antigüedad: 15 años, 8 meses
Puntos: 5
Pregunta Insertar etiqueta dentro de un option

Hola fororeros, hoy un amigo me ha hecho una pregunta,
"como puedo cambiar el color de letra de un option?"

Al principio me pareció facil y le facilite esto:
Código HTML:
Ver original
  1.     <head>
  2.         <title>Cambio un Option</title>
  3.         <style>
  4.             option.este {
  5.                 font-family: Verdana,Arial;
  6.                 font-size: 16px;
  7.                 background-color: #e9e9e9;
  8.                 color: red;
  9.             }
  10.         </style>
  11.     </head>
  12.     <body>
  13.         <select>
  14.             <option selected="selected">elegir</option>
  15.             <option>Primer Option</option>
  16.             <option class="este">Segundo Option</option>
  17.             <option>Tercer Option</option>
  18.         </select>
  19.     </body>
  20. </html>

Pero... me dijo "ok, pero yo quiero hacer esto" y me planteo

Código HTML:
Ver original
  1.     <head>
  2.         <title>Cambio un Option</title>
  3.         <style>
  4.             option.este {
  5.                 font-family: Verdana,Arial;
  6.                 font-size: 16px;
  7.                 background-color: #e9e9e9;
  8.                 color: red;
  9.             }
  10.         </style>
  11.     </head>
  12.     <body>
  13.         <select>
  14.             <option selected="selected">elegir</option>
  15.             <option>Primer Option</option>
  16.             <option>Segundo Option, <br><p class="este">palabra</p></option>
  17.             <option>Tercer Option</option>
  18.         </select>
  19.     </body>
  20. </html>

Y ahí fue donde quede, pues nunca me había planteado eso en mis años con html
La verdad no tengo idea de como hacerlo y por eso recurro a uds... alguien ha hecho esto alguna vez?

Saludos!
  #2 (permalink)  
Antiguo 09/11/2015, 10:52
Avatar de baldaweb  
Fecha de Ingreso: septiembre-2010
Ubicación: Barco pirata
Mensajes: 244
Antigüedad: 14 años, 2 meses
Puntos: 20
Respuesta: Insertar etiqueta dentro de un option

Option sólo acepta texto, no puedes poner etiquetas dentro.
__________________
CHOOO COOO LAAA TEEEEEEEEE
  #3 (permalink)  
Antiguo 09/11/2015, 11:27
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 10 años
Puntos: 91
Respuesta: Insertar etiqueta dentro de un option

mira amigo si quieres mira mi select custom ;)


Última edición por pzin; 10/11/2015 a las 03:06
  #4 (permalink)  
Antiguo 09/11/2015, 13:23
Avatar de Beuses  
Fecha de Ingreso: marzo-2009
Ubicación: Maracaibo
Mensajes: 132
Antigüedad: 15 años, 8 meses
Puntos: 5
Respuesta: Insertar etiqueta dentro de un option

Excelente... gracias por sus respuestas...
Me queda claro que no acepta otras etiquetas el option T.T

Y en cuanto a tu "select" AngelKrak esta muy pavo.. genial... ya se lo pase a mi amigo y lo tendré en cuenta si algunas vez hago algo similar (Y)
  #5 (permalink)  
Antiguo 09/11/2015, 16:15
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 10 años
Puntos: 91
Respuesta: Insertar etiqueta dentro de un option

que bueno amigo, espero y les guste, pronto hare modificaciones extras para ese select por si les interesa ;)

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




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