CSS наведите курсор на blackberry, но не iphone? - PullRequest
Новая
       7

CSS наведите курсор на blackberry, но не iphone?

1 голос
/ 28 октября 2011

Я мобильный, оптимизирую сайт, и я сделал выпадающее меню.Я отключил изменение цвета кнопки меню: hover.Я сделал это, поскольку iPhone считает последний щелчок, чтобы сохранить псевдокласс hover.

Однако сейчас я тестирую на blackberry и у них есть курсор в стиле рабочего стола, и поэтому было бы полезно изменить цвет элемента при наведении курсора.1003 *

Можно ли отключить цвет при наведении на iPhone, но не для ежевики?В более общем смысле, есть ли способ иметь цвет при наведении курсора только для устройств без сенсорного экрана, таких как blackberrys, так как только они действительно могут навести курсор мыши.Спасибо

1 Ответ

0 голосов
/ 11 ноября 2011

Это ответит на первую часть вашего вопроса. Попробуйте использовать Modernizr, а затем добавьте тест appleOS. 

Modernizr.addTest('ipad', function () {
  return !!navigator.userAgent.match(/iPad/i);
});

Modernizr.addTest('iphone', function () {
  return !!navigator.userAgent.match(/iPhone/i);
});

Modernizr.addTest('ipod', function () {
  return !!navigator.userAgent.match(/iPod/i);
});

Modernizr.addTest('appleios', function () {
  return (Modernizr.ipad || Modernizr.ipod || Modernizr.iphone);
});

Оттуда вы можете добавить класс к телу, если это iOS, и применять классы наведения только для устройств не-iOS.

В идеале вы могли бы просто использовать класс тела "notouch", который Modernizr добавляет в браузер, не поддерживающий сенсорный ввод, но по моему опыту он не добавляет этот класс в браузеры Blackberry, даже если устройство не поддерживает сенсорный ввод. , Дайте мне знать, если вы найдете по-другому!

...