My goal is to make custom selects for the site. The decision should be maksimalno universal, as it is quite bulky (moodle), and to test the solution on
all possible pages of the project is simply unrealistic. Most ready-made solutions greatly alter the original layout of the item, and most of them are suitable for only one select on the page, but in moodle there can be up to 5.
Immediately wrote this:
//jquery $("select").wrap('').wrap(''); /*Styles*/ .sel_wrap { background: url(images/bg_buttonwrap.png) left top no-repeat; height: 24px; display: inline-block; overflow: hidden; } .sel_wrap_inner { background: url(images/bg_button_drop.png) right top no-repeat; display: inline-block; height: 24px; overflow: hidden; } select { background: none; border: none; margin: 3px -24px 0 5px; }
In the end, that's what happened:

I even liked it, though he drop down the list, coming partly on the background, but this is not essential in this case. But this mapping was only in fierfox and ie. In chrome and Opera shows this:

This white background can not remove in any way. Any ideas?