Gmail menu and auto-completion highlighting

Added by DavidKewley@userstyles, Created: Apr 27, 2012, Updated: Feb 21, 2015
With the style applied


The selected entry in Gmail's menus and auto-completion lists gains an obvious highlight, giving you good feedback when you use the arrow keys or mouse to navigate these lists.

Works for me on Chrome 40 and Firefox 35 on Windows using Stylish. If at first it doesn't work for you, try reloading Gmail, then try restarting your browser, then leave relevant details in a comment here and I'll do my best to fix it.

Highlights selected entry in:

* Gmail, Contacts, and Chat search
* Gmail Composer To/Cc/Bcc addresses
* every menu I could find

If you find somewhere that doesn't get highlighted, please comment here and I'll do my best to add it!

The highlight color is an obvious but not glaring blue. (Gmail's default highlight is virtually invisible on my screen.) You can make a simple edit to the CSS code in this userstyle to choose your own highlight color. The CSS code ("Show code" button below) includes documentation of which class selectors affect which elements.

More info
2012.04.28 - v 1.0
Initial Release

2012.06.14 - v 2.0
Gmail search changed recently; make it highlight again
Document which class selectors do what
Clean things up a little

2012.06.17 - v 2.1
added URL pointing to this style

2012.06.23 - v 2.2
added class selector for Google Bar

2012.08.04 - v 2.3
added class selector for new Chat "Options" menu
added class selector and URL regexp for Chat contact "Show in chat list" menu
(.uy may now be unneeded, and may go away in a future release)

2015.02.20 - v 2.4
added class selectors for a few new items
confirmed it still works on current Chrome, FF
confirmed it still works on Google Apps Gmail

You should to add comment and rate the style.


+ Create discussion

Applies to:, https://apis\**

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.