Custom select

by Vladimir

HTML

<link rel="stylesheet" href="http://dimox.github.io/jQueryFormStyler/demo/demo.css">
<link rel="stylesheet" href="http://dimox.github.io/jQueryFormStyler/jquery.formstyler.css">
<script src="http://dimox.github.io/jQueryFormStyler/jquery.formstyler.js"></script>
<select>
    <option>Verdana</option>
    <option class="aeromatics">Aeromatics</option>
</select>

CSS

.aeromatics {
   background-image: url('http://i.fonts2u.com/ae/aeromatics-nc.png'); 
    background-size: 100%;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0) !important;
}

JavaScript

(function($) {
		$(function() {
			$('select').styler();
		});
})(jQuery)