为什么click事件之后hover有的不能用了?

如图:想做一个按钮

  1. 图片描述

  2. 鼠标点击之后背景颜色和文字颜色发生改变,代码如下

图片描述

csshover代码如下:图片描述

现在我想问的是为什么点击事件没毛病但是在点击完离开标签之后hover同时触发了,可是我不想让它触发啊。。
而且我点击事件改变了文字颜色点击完鼠标在hover的时候color不变化了,只有边框变化,我想问这种情况怎么解决?再一个我想问我这种需求有没有比较优雅的实现方式?

阅读 3.1k
2 个回答

定义两个class来切换,你这样.css加的行内样式,权重高于class样式,会导致class样式不生效。

可以点击切换class,通过class设置样式

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题