[SOLUCIONADO] Select option color

Fernarey1810 · #1 (**permalink**) 25/10/2014, 07:57

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<html>
<head>
<style type="text/css">
.aa { background-color: red; color:red; }
 
 
</style>
</head>
<body>
<select name="ot">
<option value="0">Color</option>
<!-- a la izquierda tiene que estar el cuadrado con el color y seguido el nombre correspondiente -->
<option value="1" ><p class="aa">&nbsp;&nbsp;&nbsp;</p> rojo </option>
<option value="2">verde</option>
<option value="3">azul</option>
</select>
 
</body>
</html>

Fernarey1810 · #2 (**permalink**) 25/10/2014, 09:32

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