mmenu:覆盖tapped按钮背景颜色

时间:2016-02-10 12:22:14

标签: javascript css mmenu

我使用mmenu作为jQuery插件5.6.1。有点击菜单按钮时替换背景颜色的方法。我在css文件中尝试了所有焦点和悬停样式,但没有更改颜色。

使用mmenu:v5.6.1测试 设备:三星Galaxy S4 浏览器:Firefox,Chrome

1 个答案:

答案 0 :(得分:1)

点击按钮时,点按时其状态为活动状态。您可以使用CSS中的selector:state格式更改其背景颜色,执行类似此操作的

menu-item:active {
    background-color: red;
}

玩下面的代码片段



button {
  border-radius: 5px;
  height:100px;
  width:500px;
  background-color: rgba(0,0,0,0.4);
  border: 1px solid rgba(0,0,0,0.8);
  transition: linear all 0.2s;
  outline: none;
}

.menu-item:active {
  background-color: rgba(0,0,0,0.2);
  transition: linear all 0.2s;
  outline: none;
}

<button class="menu-item">
This is the menu-item button
</button>
&#13;
&#13;
&#13;