djfox Posted May 17, 2008 Share Posted May 17, 2008 Each item in the drop down menu needs to have different colours. This person I`m building a mini site for does not know html colour codes, so I want the colours to be visible in a drop down menu so that he can change the colours of his font to whatever he wants. But he needs to see what the colours are. Quote Link to comment Share on other sites More sharing options...
wrongmove18 Posted May 22, 2008 Share Posted May 22, 2008 it's impossible to do that. you need to create a div replacing it. go to this site -> http://ajaxload.info/ the drop down has images, maybe you can get an idea in that. Quote Link to comment Share on other sites More sharing options...
AndyB Posted May 22, 2008 Share Posted May 22, 2008 it's impossible to do that. Try this, then: <select name="color"> <option style="background-color:#000000" value="#000000" >black</option> <option style="background-color:#000080" value="#000080" >navy</option> <option style="background-color:#00008B" value="#00008B" >darkblue</option> <option style="background-color:#0000CD" value="#0000CD" >mediumblue</option> <option style="background-color:#0000FF" value="#0000FF" >blue</option> <option style="background-color:#006400" value="#006400" >darkgreen</option> <option style="background-color:#008000" value="#008000" >green</option> <option style="background-color:#008080" value="#008080" >teal</option> <option style="background-color:#008B8B" value="#008B8B" >darkcyan</option> <option style="background-color:#00BFBF" value="#00BFBF" >deepskyblue</option> <option style="background-color:#00CED1" value="#00CED1" >darkturquoise</option> <option style="background-color:#00FA9A" value="#00FA9A" >mediumspringgreen</option> <option style="background-color:#00FF00" value="#00FF00" >lime</option> <option style="background-color:#00FF7F" value="#00FF7F" >springgreen</option> <option style="background-color:#00FFFF" value="#00FFFF" >aqua</option> <option style="background-color:#00FFFF" value="#00FFFF" >cyan</option> <option style="background-color:#191970" value="#191970" >midnightblue</option> <option style="background-color:#1E90FF" value="#1E90FF" >dodgerblue</option> <option style="background-color:#20B2AA" value="#20B2AA" >lightseagreen</option> <option style="background-color:#228B22" value="#228B22" >forestgreen</option> <option style="background-color:#2E8B57" value="#2E8B57" >seagreen</option> <option style="background-color:#2F4F4F" value="#2F4F4F" >darkslategray</option> <option style="background-color:#32CD32" value="#32CD32" >limegreen</option> <option style="background-color:#3CB371" value="#3CB371" >mediumseagreen</option> <option style="background-color:#40E0D0" value="#40E0D0" >turquoise</option> <option style="background-color:#4169E1" value="#4169E1" >royalblue</option> <option style="background-color:#4682B4" value="#4682B4" >steelblue</option> <option style="background-color:#483D8B" value="#483D8B" >darkslateblue</option> <option style="background-color:#48D1CC" value="#48D1CC" >mediumturquoise</option> <option style="background-color:#4B0082" value="#4B0082" >indigo</option> <option style="background-color:#556B2F" value="#556B2F" >darkolivegreen</option> <option style="background-color:#5F9EA0" value="#5F9EA0" >cadetblue</option> <option style="background-color:#6495ED" value="#6495ED" >cornflowerblue</option> <option style="background-color:#66CDAA" value="#66CDAA" >mediumaquamarine</option> <option style="background-color:#696969" value="#696969" >dimgray</option> <option style="background-color:#6A5ACD" value="#6A5ACD" >slateblue</option> <option style="background-color:#6B8E23" value="#6B8E23" >olivedrab</option> <option style="background-color:#708090" value="#708090" >slategray</option> <option style="background-color:#778899" value="#778899" >lightslategrey</option> <option style="background-color:#7B68EE" value="#7B68EE" >mediumslateblue</option> <option style="background-color:#7CFC00" value="#7CFC00" >lawngreen</option> <option style="background-color:#7FFF00" value="#7FFF00" >chartreuse</option> <option style="background-color:#7FFFD4" value="#7FFFD4" >aquamarine</option> <option style="background-color:#800000" value="#800000" >maroon</option> <option style="background-color:#800080" value="#800080" >purple</option> <option style="background-color:#808000" value="#808000" >olive</option> <option style="background-color:#808080" value="#808080" >gray</option> <option style="background-color:#87CEEB" value="#87CEEB" >skyblue</option> <option style="background-color:#87CEFA" value="#87CEFA" >lightskyblue</option> <option style="background-color:#8A2BE2" value="#8A2BE2" >blueviolet</option> <option style="background-color:#8B0000" value="#8B0000" >darkred</option> <option style="background-color:#8B008B" value="#8B008B" >darkmagenta</option> <option style="background-color:#8B4513" value="#8B4513" >saddlebrown</option> <option style="background-color:#8FBC8F" value="#8FBC8F" >darkseagreen</option> <option style="background-color:#90EE90" value="#90EE90" >lightgreen</option> <option style="background-color:#9370DB" value="#9370DB" >mediumpurple</option> <option style="background-color:#9400D3" value="#9400D3" >darkviolet</option> <option style="background-color:#98FB98" value="#98FB98" >palegreen</option> <option style="background-color:#9932CC" value="#9932CC" >darkorchid</option> <option style="background-color:#9ACD32" value="#9ACD32" >yellowgreen </option> <option style="background-color:#A0522D" value="#A0522D" >sienna</option> <option style="background-color:#A52A2A" value="#A52A2A" >brown</option> <option style="background-color:#A9A9A9" value="#A9A9A9" >darkgray</option> <option style="background-color:#ADD8E6" value="#ADD8E6" >lightblue</option> <option style="background-color:#ADFF2F" value="#ADFF2F" >greenyellow</option> <option style="background-color:#AFEEEE" value="#AFEEEE" >paleturquoise</option> <option style="background-color:#B0C4DE" value="#B0C4DE" >lightsteelblue</option> <option style="background-color:#B0E0E6" value="#B0E0E6" >powderblue</option> <option style="background-color:#B22222" value="#B22222" >firebrick</option> <option style="background-color:#B8860B" value="#B8860B" >darkgoldenrod</option> <option style="background-color:#BA55D3" value="#BA55D3" >mediumorchid</option> <option style="background-color:#BC8F8F" value="#BC8F8F" >rosybrown</option> <option style="background-color:#BDB76B" value="#BDB76B" >darkkhaki</option> <option style="background-color:#C0C0C0" value="#C0C0C0" >silver</option> <option style="background-color:#C71585" value="#C71585" >mediumvioletred</option> <option style="background-color:#CD5C5C" value="#CD5C5C" >indianred</option> <option style="background-color:#CD853F" value="#CD853F" >peru</option> <option style="background-color:#D2691E" value="#D2691E" >chocolate</option> <option style="background-color:#D2B48C" value="#D2B48C" >tan</option> <option style="background-color:#D3D3D3" value="#D3D3D3" >lightgrey</option> <option style="background-color:#D8BFD8" value="#D8BFD8" >thistle</option> <option style="background-color:#DA70D6" value="#DA70D6" >orchid</option> <option style="background-color:#DAA520" value="#DAA520" >goldenrod</option> <option style="background-color:#DB7093" value="#DB7093" >palevioletred</option> <option style="background-color:#DC143C" value="#DC143C" >crimson</option> <option style="background-color:#DCDCDC" value="#DCDCDC" >gainsboro</option> <option style="background-color:#DDA0DD" value="#DDA0DD" >plum</option> <option style="background-color:#DEB887" value="#DEB887" >burlywood</option> <option style="background-color:#E0FFFF" value="#E0FFFF" >lightcyan</option> <option style="background-color:#E6E6FA" value="#E6E6FA" >lavender</option> <option style="background-color:#E9967A" value="#E9967A" >darksalmon</option> <option style="background-color:#EE82EE" value="#EE82EE" >violet</option> <option style="background-color:#EEE8AA" value="#EEE8AA" >palegoldenrod</option> <option style="background-color:#F08080" value="#F08080" >lightcoral</option> <option style="background-color:#F0E68C" value="#F0E68C" >khaki</option> <option style="background-color:#F0F8FF" value="#F0F8FF" >aliceblue</option> <option style="background-color:#F0FFF0" value="#F0FFF0" >honeydew</option> <option style="background-color:#F0FFFF" value="#F0FFFF" >azure</option> <option style="background-color:#F4A460" value="#F4A460" >sandybrown</option> <option style="background-color:#F5DEB3" value="#F5DEB3" >wheat</option> <option style="background-color:#F5F5DC" value="#F5F5DC" >beige</option> <option style="background-color:#F5F5F5" value="#F5F5F5" >whitesmoke</option> <option style="background-color:#F5FFFA" value="#F5FFFA" >mintcream</option> <option style="background-color:#F8F8FF" value="#F8F8FF" >ghostwhite</option> <option style="background-color:#FA8072" value="#FA8072" >salmon</option> <option style="background-color:#FAEBD7" value="#FAEBD7" >antiquewhite</option> <option style="background-color:#FAF0E6" value="#FAF0E6" >linen</option> <option style="background-color:#FAFAD2" value="#FAFAD2" >lightgoldenrodyellow</option> <option style="background-color:#FDF5E6" value="#FDF5E6" >oldlace</option> <option style="background-color:#FF0000" value="#FF0000" >red</option> <option style="background-color:#FF00FF" value="#FF00FF" >fuchsia</option> <option style="background-color:#FF00FF" value="#FF00FF" >magenta</option> <option style="background-color:#FF1493" value="#FF1493" >deeppink</option> <option style="background-color:#FF4500" value="#FF4500" >orangered</option> <option style="background-color:#FF6347" value="#FF6347" >tomato</option> <option style="background-color:#FF69B4" value="#FF69B4" >hotpink</option> <option style="background-color:#FF7F50" value="#FF7F50" >coral</option> <option style="background-color:#FF8C00" value="#FF8C00" >darkorange</option> <option style="background-color:#FFA07A" value="#FFA07A" >lightsalmon</option> <option style="background-color:#FFA500" value="#FFA500" >orange</option> <option style="background-color:#FFB6C1" value="#FFB6C1" >lightpink</option> <option style="background-color:#FFC0CB" value="#FFC0CB" >pink</option> <option style="background-color:#FFD700" value="#FFD700" >gold</option> <option style="background-color:#FFDAB9" value="#FFDAB9" >peachpuff</option> <option style="background-color:#FFDEAD" value="#FFDEAD" >navajowhite</option> <option style="background-color:#FFE4B5" value="#FFE4B5" >moccasin</option> <option style="background-color:#FFE4C4" value="#FFE4C4" >bisque</option> <option style="background-color:#FFE4E1" value="#FFE4E1" >mistyrose</option> <option style="background-color:#FFEBCD" value="#FFEBCD" >blanchedalmond</option> <option style="background-color:#FFEFD5" value="#FFEFD5" >papayawhip</option> <option style="background-color:#FFF0F5" value="#FFF0F5" >lavenderblush</option> <option style="background-color:#FFF5EE" value="#FFF5EE" >seashell</option> <option style="background-color:#FFF8DC" value="#FFF8DC" >cornsilk</option> <option style="background-color:#FFFACD" value="#FFFACD" >lemonchiffon</option> <option style="background-color:#FFFAF0" value="#FFFAF0" >floralwhite</option> <option style="background-color:#FFFAFA" value="#FFFAFA" >snow</option> <option style="background-color:#FFFF00" value="#FFFF00" >yellow</option> <option style="background-color:#FFFFE0" value="#FFFFE0" >lightyellow</option> <option style="background-color:#FFFFF0" value="#FFFFF0" >ivory</option> <option style="background-color:#FFFFFF" value="#FFFFFF" selected="selected" >white background color</option> </select> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.