mmenu:覆盖点击按钮的背景色

mmenu: Override tapped button background-color

本文关键字：按钮 背景色 覆盖 mmenu      更新时间：2023-09-26

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

使用 mmenu 测试：v5.6.1设备： 三星银河S4浏览器： 火狐， 铬

点击按钮时，点击按钮时的状态为活动状态。 您可以使用 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>

相关文章：