首页 > 解决方案 > 如何根据用户的操作系统更改网站上的 css 样式?

问题描述

Windows 用户如何跟随一个光标,MacOSX 用户如何跟随另一个光标?

标签: javascriptcss

解决方案


这很简单。检查用户平台navigator。然后执行以下操作:

if ( navigator.platform == "Win32" ) {
    // apply css-styling of cursor.
    document.getElementById("body").style.cursor = "progress";
}

可能的值是:

  • 麦克英特尔
  • MacPPC
  • Mac68K
  • Win32
  • Win16
  • 太阳操作系统
  • 惠普-UX
  • Linux i686

支持的浏览器:

  • 谷歌浏览器
  • Internet Explorer 和边缘
  • 火狐
  • 歌剧
  • 苹果浏览器

推荐阅读