Question

我一直在思考，但我还没有找到解决方案。有些移动网站在点击链接和按钮时会有像悬停一样的点击感。然而，＆＃39;：hover＆＃39;或者＆＃39;：活跃＆＃39;我查看css文件时没有使用属性。

例如：http://m.vw.com.tr/ticariarac/ana-sayfa.aspx

您可以从移动设备登录并按住按钮以了解我的意思。

我该怎么做？

Answer 1

以下是您的简单示例：

simulateHover = function(element) {
  if (element.className.includes(' active')) { 
    element.className = element.className.replace(' active', '')
  } else {
    element.className += ' active';
  }
}

div {
  display: inline-block;
  margin: 12px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background: darkcyan;
  transition: background 225ms ease-in-out;
}

.onhover:hover,
.active {
  background: orange;
}

<div class="onhover">Hover me</div>

<div class="onclick" onclick="simulateHover(this)">Click me</div>

如何用css在手机上点击感觉

1 个答案: