【问题标题】:mmenu: Override tapped button background-colormmenu:覆盖点击的按钮背景颜色
【发布时间】:2016-02-10 12:22:14
【问题描述】:

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

使用 mmenu 测试:v5.6.1 设备:三星 Galaxy S4 浏览器:火狐、Chrome

【问题讨论】:

标签: javascript css mmenu


【解决方案1】:

当一个按钮被点击时,它在被点击时的状态是活跃的。您可以使用 CSS 中的 selector:state 格式更改其背景颜色,执行如下操作

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

和下面的sn-p一起玩

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>

【讨论】:

    猜你喜欢
    • 2021-02-27
    • 2013-02-09
    • 2017-04-29
    • 2015-08-25
    • 1970-01-01
    • 2015-02-10
    • 2018-03-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多