Below is a
quick and dirty solution for adding icons to the <option /> elements of the <select /> tag utilizing CSS generated content.
Disclaimer: According to the CSS specs, the <option /> element should not support generated content, and this solution works only in Firefox. Anyways, it may come handy sometime.
margin: 2px 6px 2px 2px;
background: url("path/to/the/icon.png") no-repeat center;
The demo and the download link are on
CSS, CSS Hacks, CSS3, HTML5, Tips and Tricks, Web Development and tagged combo box icon, css select background image, css3 option icon, html option icon, html select icon, icon select, option select icon, select box icon on . September 22, 2015
A couple of weeks ago I was contacted by
The video is available on
YouTube already. Enjoy, have a great weekend and make sure you pay a visit to my new friends at Webucator if you are looking for professional online and onsite instructor-led training classes in web- and software development.
CSS, CSS3, HTML5, parallax, Web Development and tagged CSS, css tutorial, css3, HTML5, parallax, tutorial, video tutorial, webucator on . September 4, 2015