afonsoalban
1/20/2017 - 11:37 AM

Remove todas as regras :hover de uma folha CSS quando há suporte para touch.

Remove todas as regras :hover de uma folha CSS quando há suporte para touch.

// remover estilos hover
var touch = 'ontouchstart' in document.documentElement
			|| (navigator.MaxTouchPoints > 0)
			|| (navigator.msMaxTouchPoints > 0);

if (touch) {
	try {
		for (var si in document.styleSheets) {
			var styleSheet = document.styleSheets[si];
			if (!styleSheet.rules) continue;

			for (var ri = styleSheet.rules.length - 1; ri >= 0; ri--) {
				if (!styleSheet.rules[ri].selectorText) continue;

				if (styleSheet.rules[ri].selectorText.match(':hover')) {
					styleSheet.deleteRule(ri);
				}
			}
		}
	} catch (ex) {}
}