Bootstrap 移动端优先?为什么在移动设备上仍然能够使用 hover?如何禁用 hover?

4

Bootstrap 3声称是面向移动设备的。然而,在移动设备上,悬停样式完全不合适。例如,当用户点击导航栏中的链接时,我不希望链接仍显示为“悬停”样式。用户手指不再悬停在按钮上了!请告诉我如何在bootstrap中禁用所有悬停样式?(如果默认情况下它对移动设备没有意义,那么它为什么被称为面向移动设备呢?)

1个回答

3

出于可用性的考虑,它保持“悬停”状态。如果未被识别为已激活状态,人们可能不知道再次单击以隐藏菜单。 如果您没有注意到,菜单会一直保持打开状态,直到您单击链接或再次单击菜单按钮以切换它。

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

如果您仍想删除样式,请只需给按钮添加一个id,并覆盖样式即可。


谢谢!我想我只能选择材料设计了:https://fezvrasta.github.io/bootstrap-material-design/ - akuz
2
我只是不希望在移动设备上使用悬停效果... 我的工具栏中有一个按钮,用于打开和关闭侧边菜单,在菜单关闭后如果按钮仍处于悬停状态(直到用户点击其他地方),这看起来并不好。 - akuz
那么就像我说的,只需覆盖样式就可以了吗? - Mark
我有其他按钮需要这样做,我会通过数据绑定设置活动类。此外,我正在使用来自bootswatch的自定义主题,我需要查找确切的颜色以进行重置? - akuz

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接