文章/答案/技术大牛

发布

社区首页 >问答首页 >mmenu:覆盖点击按钮的背景色

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

Stack Overflow用户

提问于 2016-02-10 12:22:14

回答 1查看 131关注 0票数 0

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

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

javascript

css

mmenu

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-10 12:33:08

当一个按钮被点击时，它的状态是活动的。您可以使用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>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35315192

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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