首先引导手机？为啥悬停仍然适用于移动设备？如何禁用悬停？

Posted 2023-03-06

【中文标题】首先引导手机？为啥悬停仍然适用于移动设备？如何禁用悬停？

【英文标题】：Bootstrap mobile first? Why hover still works on mobile? How to disable hover?首先引导手机？为什么悬停仍然适用于移动设备？如何禁用悬停？

【发布时间】：2015-06-22 21:04:21

【问题描述】：

Bootstrap 3 声称是移动优先的。但是，悬停样式在移动设备上完全不合适。例如，我不希望导航栏中的链接在用户单击后仍显示为“悬停”样式。用户不再将手指悬停在按钮上！请让我知道如何禁用引导程序中的所有悬停样式？ （如果默认情况下它对移动没有意义，那么为什么它被称为移动优先呢？）

【参考方案1】：

出于可用性原因，它保留“悬停”外观。如果它未被识别为活动的，人们可能不知道再次单击它以隐藏菜单。 如果您没有注意到，菜单会保持打开状态，直到您单击链接，或再次单击菜单按钮进行切换。

此外，某些移动设备确实可以识别悬停。

如果您仍想删除样式，只需为按钮添加一个 id，然后覆盖样式即可。

【讨论】：

谢谢！我想我只需要使用材料设计：fezvrasta.github.io/bootstrap-material-design

我只是不希望悬停在移动设备上工作...我在工具栏中有一个按钮，可以打开和关闭侧边菜单，如果它仍然处于悬停状态，它看起来不太好菜单关闭后（直到用户点击其他地方）

那么就像我说的，只是覆盖样式？

我还有其他按钮需要这样做，并且我将通过数据绑定设置活动类。此外，我正在使用来自 bootswatch 的自定义主题，我需要寻找要重置的确切颜色？