mmenu：覆盖tapped按钮背景颜色

Question

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

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

Answer 1

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

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

玩下面的代码片段

＆＃13;

＆＃13;

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;
}

＆＃13;

<button class="menu-item">
This is the menu-item button
</button>

＆＃13;

＆＃13;

＆＃13;