Foros del Web - Ver Mensaje Individual

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>