我使用mmenu作为jQuery插件5.6.1。有点击菜单按钮时替换背景颜色的方法。我在css文件中尝试了所有焦点和悬停样式,但没有更改颜色。
使用mmenu:v5.6.1测试 设备:三星Galaxy S4 浏览器:Firefox,Chrome
答案 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;