Has anyone tried styling the <select> element for WebKit browsers?

It may be that you used a plugin or you have CSS code that easily did it.

 

Here is the example code I tried (add your domain)

 

select
{
-webkit-appearance:none;
background:#2f2f2f url(YOUR DOMAIN/images/select_arrow.png) no-repeat center right;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid silver;
border-radius:10px;
font-size:1em;
outline:none;
color:white;
padding:0.2em;
}

 

This does it. I used this styling <select> HTML elements tutorial. Anyone done this a different way? Did a plugin prove easier?

 

I wrote a blogpost about how to style a selectbox.

http://rbrtsmith.com/2014/12/how-to-style-a-select-box/