mmenu:覆盖点击的按钮背景颜色
mmenu: Override tapped button background-color
我将 mmenu 用作 jQuery 插件 5.6.1。有没有办法在点击菜单按钮时替换背景颜色。我尝试了 css 文件中的所有焦点和悬停样式,但 none 更改了颜色。
使用 mmenu 测试:v5.6.1
设备:三星 Galaxy S4
浏览器:Firefox,Chrome
当一个按钮被点击时,它的状态被激活。您可以使用 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>
我将 mmenu 用作 jQuery 插件 5.6.1。有没有办法在点击菜单按钮时替换背景颜色。我尝试了 css 文件中的所有焦点和悬停样式,但 none 更改了颜色。
使用 mmenu 测试:v5.6.1 设备:三星 Galaxy S4 浏览器:Firefox,Chrome
当一个按钮被点击时,它的状态被激活。您可以使用 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>