删除触摸设备上的悬停效果css

时间:2016-03-07 14:21:48

标签: javascript jquery html css hover

我已经看过几次这个问题了,但似乎没有任何东西能用于我正在寻找的东西。

我需要在我的样式表中保留 String MyXml = "<av:Button Name="btn_1" Width="80" Height="25" x:Uid="btn_1" av:Canvas.Left="168.1" av:Canvas.Top="95.1" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">My Button Content</av:Button>"; XmlNamespaceManager mngr = new XmlNamespaceManager(new NameTable()); mngr.AddNamespace("av", "http://www.w3.org/2001/XMLSchema-instance"); XmlParserContext parserContext = new XmlParserContext(null, mngr, null, XmlSpace.None); XmlTextReader txtReader = new XmlTextReader(MyXml, XmlNodeType.Element, parserContext); var doc = XElement.Load(txtReader); var name = doc.Attribute("Name").Value; var width = doc.Attribute("Width").Value; 个效果,因为我在桌面上有一些效果。只要我点击:hover,我就想删除它们。

有没有办法删除悬停,例如,在悬停时的某些元素上我改变了不透明度。我能做到吗

900px

因此,在移动/触摸屏设备上,悬停时不透明度的变化是默认值。

3 个答案:

答案 0 :(得分:3)

这不是不透明度的正确默认值。默认值为opacity:1。您可以使用MDN(或任何其他资源,但MDN通常将其放在前面和中间)查找默认值,如下所示:https://developer.mozilla.org/en-US/docs/Web/CSS/opacity

另一种选择是将其设置为initial。这将成为规则opacity: initial;。 (请注意,这是not supported in IE,但边缘支持

最后,您可以考虑将悬停值放在相反的媒体查询中。对于您的示例,这将是以下内容:

我已经看过几次这个问题,但似乎没有什么能适合我正在寻找的东西。

我需要保留我的:悬停效果在我的样式表中,因为我在桌面上有一些。一旦达到900px,我就想删除它们。

有没有办法删除悬停,例如,在悬停时的某些元素上我改变了不透明度。我能做到吗

@media screen and (min-width: 901px) {
  .my_element:hover {
    /* your hover state style rules */
  }
}

答案 1 :(得分:2)

您可以使用移动优先方法改变逻辑,而不是将您的悬停效果添加到900px。即(最小宽度:900px)

答案 2 :(得分:0)

简单地删除每个悬停效果都没有简单的方法(据我所知)。您将不得不重置每个悬停适用的单个效果。

但是,我想提一下,在大多数情况下这样做是没有必要的。对于触摸设备,不应存在悬停效果,因为没有光标悬停。只是留下它并认为无法达到。