Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Select option color

Estas en el tema de Select option color en el foro de CSS en Foros del Web. Quisiera que adentro de cada option aparezca un cuadrado con el color correspondiente. Y luego al lado el nombre del color. Es simple pero no ...
  #1 (permalink)  
Antiguo 25/10/2014, 07:57
Avatar de Fernarey1810  
Fecha de Ingreso: noviembre-2008
Mensajes: 214
Antigüedad: 15 años, 4 meses
Puntos: 1
Select option color

Quisiera que adentro de cada option aparezca un cuadrado con el color correspondiente. Y luego al lado el nombre del color. Es simple pero no se que estoy haciendo mal. Ahi va codigo.

ACLARO QUE NO QUIERO HACER ESTO

http://www.baluart.net/ejemplos/art5...-imagenes.html
En ese ejemplo todo el fondo esta coloreado yo no quiero eso, solo un pequeño recuadro a la izquierda.

Código HTML:
Ver original
  1. <style type="text/css">
  2. .aa { background-color: red; color:red; }
  3.  
  4.  
  5. </head>
  6. <select name="ot">
  7. <option value="0">Color</option>
  8. <!-- a la izquierda tiene que estar el cuadrado con el color y seguido el nombre correspondiente -->
  9. <option value="1" ><p class="aa">&nbsp;&nbsp;&nbsp;</p> rojo </option>
  10. <option value="2">verde</option>
  11. <option value="3">azul</option>
  12.  
  13. </body>
  14. </html>
  #2 (permalink)  
Antiguo 25/10/2014, 09:32
Avatar de Fernarey1810  
Fecha de Ingreso: noviembre-2008
Mensajes: 214
Antigüedad: 15 años, 4 meses
Puntos: 1
Respuesta: Select option color

Esto era lo que queria hacer. Me costo encontrarlo pero me va a servir, lo dejo al link por las duda le sirva a alguno.

http://designwithpc.com/Plugins/ddSlick#demo

http://jqueryui.com/selectmenu/#custom_render

http://www.marghoobsuleman.com/jquery-image-dropdown

Última edición por Fernarey1810; 26/10/2014 a las 17:34

Etiquetas: background, color, html, imagenes, option, select
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:12.