Question

I have a strange problem with select on chrome. I want to add a gradient background and I managed that but my problem now is how to make the option to not overwrite my select arrow.
Maybe if I use pointer-events:auto; ???
If anyone can help I’ll really appreciate.
Tkank’s.

fiddle:
http://jsfiddle.net/thirtydot/DCjYA/361/

Answer 1

try with :

-webkit-padding-end: 10px;

this will fix your problem.