Skip to content

Instantly share code, notes, and snippets.

@ikawka

ikawka/CSS remove :hover on touch screen devices.css

Forked from frankyonnetti/css-remove-hover-on-touch-screen-devices.css
Created September 21, 2018 09:05
Show Gist options
  • Save ikawka/6e9884260d4c6cb5c822013d46a976d5 to your computer and use it in GitHub Desktop.
Save ikawka/6e9884260d4c6cb5c822013d46a976d5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
CSS remove :hover on touch screen devices.css
/*
* http://www.javascriptkit.com/dhtmltutors/sticky-hover-issue-solutions.shtml
* Method 3- Using CSS Media Queries Level 4 Interaction Media Features
*/
@media (hover:none),
(hover:on-demand) {
nav a:hover {
/* suppress hover effect on devices that don't support hover fully */
background: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment