Question

When I add small icons to input as a background with style no-repeat right center they look great.

But If I try to do the same to select tag instead of input tag then I have a problem I cannot see icon probably because right side of select is covered with select triangle(drop down button). Is there any way to ‘margin right’ that background image ? using css or jquery or smth

Answer 1

You should be able to use px or % values to position the bg image more accurately, e.g.:

no-repeat 95% center

Also, you may need to increase the padding-right on the select