Tiny tweak to Google translator

[jknetdesign]

http://ajhproperties.com/

In the upper right in the nav bar is a translator drop down. Everything is tyled except that little div to the right. What selector do I use if I want to change the color of the arrow to white and the background transparent?

[Shikkediel]

I think it’s a browser default that you can’t really change unless with circumventive trickery…

[bearhead]

As Shikkediel wrote, select inputs have a default look that varies from browser to browser. As far as I know, there isn’t really a consistent way to re-style the arrow across all browsers.

I found this method that seems to work ok for chrome and firefox, but it looks pretty goofy in IE:
http://codepen.io/vkjgr/pen/VYMeXp

[jknetdesign]

Since it’s a plugin I can’t really add divs to the structure. For now it’s gone which is cleaner, but, is there a way to apply your minimal style without adding classes to the HTML. Also, how do outline: none on focus?

[Author]

Posts