Hover text on picklist values


I have a UI only picklist field that I am rendering as radio buttons on the page. I would like to have some hover over help text for each of the picklist values, but I can only seem to get the hover text to work on the field itself. I would rather not have a huge block of text explaining all of the available options on the field as it would look really messy and probably not provide the help it’s supposed to.

I’m assuming I’ll need some CSS to do this. Can anyone point me in the right direction?


You’ll probably need to use a custom field renderer with some javascript to insert HTML within the picklist.