Hover text for mobile?

[Anonymous]

Hi super-smart Marketo community. I'm trying to add a field with hover text to my form and everything's fine except for mobile. Can't seem to find any code that will make hover text appear on Android and iOS. Anyone have luck with this?

<span title="Hover text shows up here">Hover here to see additional information</span>

Thanks!

[Anonymous · Accepted solution]

The :hover effect does not really work on mobile devices.

If you use :active selector in combination with :hover you can adjust hover state to become an onclick state in mobile according to w3schools as long as the :active selector is called after the :hover selector.

[Dan_Stevens_]

:hover also is not supported in Outlook.  We were trying to include some functionality in an email to give recipients the ability to rate one of our programs.  A common technique is this one: https://codepen.io/jamesbarnett/pen/vlpkh.  But unfortunately, this didn't work in Outlook.

[Anonymous]

Thanks, Dan. We were looking to do this in a form, but we're going to have to go a different route.

Thanks for your reply!

[Rachel_Noble]

Sorry if this is a dumb question! But how does hover text work on touch-screen devices?

[Anonymous]

That's what I'm trying to figure out - if it's possible. I'm hoping there's some magic code where a long-touch or something will make it visible.