Spice up HTML select boxes with graphics

Philipp Lenssen shows “ how can you spice up HTML selection box with graphics?” —”you can emulate selection boxes using HTML layers, but you may also want to provide a traditional HTML form selection box using the <select> element. There's a couple of things you can do. The <optgroup> element groups together and labels as set of items. […]

Philipp Lenssen shows “ how can you spice up HTML selection box with graphics?” —”you can emulate selection boxes using HTML layers, but you may also want to provide a traditional HTML form selection box using the <select> element. There's a couple of things you can do. The <optgroup> element groups together and labels as set of items. A style applied to an <option> can add colors. And then there's some nice Unicode symbols, like stars (&#9733;) or checkmarks (&#10003;), which can bring a more graphical look to your selection box, too, see following code:

About The Author

Deepak Gupta is a IT & Web Consultant. He is the founder and CEO of diTii.com & DIT Technologies, where he's engaged in providing Technology Consultancy, Design and Development of Desktop, Web and Mobile applications using various tools and softwares. Sign-up for the Email for daily updates. Google+ Profile.