【问题标题】:CSS state for iPad Pro cursor hoveriPad Pro 光标悬停的 CSS 状态
【发布时间】:2020-08-03 23:55:33
【问题描述】:

iPad Pro 上的新光标旨在在悬停时适应按钮。 safari 中是否有一个状态用于为其创建特殊悬停?

我想在网站上制作一个如下所示的按钮:

现在,悬停状态有效,但光标点不会消失以适应按钮。

感谢您的帮助!

【问题讨论】:

  • 你试过了吗?在悬停时添加 { cursor: none; } 样式。
  • @CuteShaun 感谢您的回答,我刚刚尝试过,但它似乎不起作用......这本来是一个解决方案,但它也会影响计算机用户。
  • 奇怪,它应该可以工作,尝试清除 iPad 上的缓存。您只能在 iPad 上指定您的样式,尝试这个媒体查询,它适用于 iPad 和 iPad mini:`@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { / * 风格在这里 */} `
  • @CuteShaun 我在每个州都试过Codepen,这里是video result。我认为 iPad Pro 的视口大于 1024px。
  • 在 iPad Pro 上试试这个:stackoverflow.com/questions/41978487/…

标签: html css ios ipad ipados


【解决方案1】:

不幸的是,Apple 不允许您使用 cursor 属性更改 iPadOS 光标外观。目前除了对:hover:active 等伪选择器做出反应外,没有其他方法可以与 iPadOS 光标交互。您无法控制光标本身的可见性或外观。如果您想为 iPad 以外的设备模拟 iPadOS 光标悬停外观,请查看此 CodePen:https://codepen.io/cezzre/pen/poJxLEM

【讨论】:

    猜你喜欢
    • 2018-12-19
    • 1970-01-01
    • 2013-03-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-17
    • 2014-12-21
    相关资源
    最近更新 更多