禁用离子按钮 Ionic 2 上的悬停背景颜色更改

洛普奇

我有三个按钮。其中两个通过 ngClass 更改了背景颜色。当我将更改的按钮之一悬停时,其背景颜色会变回默认值。我如何防止这种行为?

我的图像问题:

下面没有悬停图片:

在此处输入图片说明

左上角的图像悬停在下方:

在此处输入图片说明

Duannx

首先,您需要为按钮添加一个类

 <button ion-button  class="my-button">AS</button>

然后,您可以在 CSS 中为按钮悬停设置颜色:

.my-button:hover{
    background-color: orange !important;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用ionic2更改<离子卡>的颜色

来自分类Dev

Ionic 2 - 如何禁用按钮组件

来自分类Dev

ionic2 + angular2-单击禁用按钮

来自分类Dev

如何更改 Ionic 上的文本字体和颜色 - 2

来自分类Dev

Ionic 2-为特定视图禁用“后退”按钮

来自分类Dev

在Ionic / Angular 2中执行成功回调函数后更改按钮颜色

来自分类Dev

CSS-悬停时更改按钮背景颜色

来自分类Dev

CSS 在按钮悬停时更改正文背景颜色?

来自分类Dev

禁用的离子按钮上的样式在离子V4中不起作用

来自分类Dev

Ionic2:按下“后退”按钮时,重新加载离子含量

来自分类Dev

更改颜色导航栏标题Ionic 2

来自分类Dev

更改 android 按钮上的背景颜色

来自分类Dev

按数据调整按钮颜色(Ionic2)

来自分类Dev

如何从Ionic 2中的“后退”按钮更改标签?

来自分类Dev

单击“ ionic 2”按钮时更改图标

来自分类Dev

如何在 Ionic 中动态更改离子范围颜色?

来自分类Dev

Tkinter按钮悬停在其上后更改颜色

来自分类Dev

通过自定义Bootstrap更改按钮上的悬停颜色

来自分类Dev

CSS按钮颜色仅在悬停时更改单词的背景颜色而没有整个按钮

来自分类Dev

当CSS悬停时,如何使禁用的按钮不更改颜色?

来自分类Dev

如何在ionic 2中设置div的背景颜色?

来自分类Dev

Ionic 2 Navbar颜色问题

来自分类Dev

Ionic 2-如果没有互联网+有效表单,如何禁用按钮

来自分类Dev

在CSS中将鼠标悬停时更改离子列表项的背景颜色

来自分类Dev

禁用按钮,但保持背景颜色

来自分类Dev

更改背景颜色已禁用切换按钮

来自分类Dev

如何更改主题中的材质按钮禁用状态背景颜色?

来自分类Dev

在WPF中更改EventTrigger上的按钮背景颜色

来自分类Dev

Ionic 2:在页面级别禁用滚动

Related 相关文章

  1. 1

    如何使用ionic2更改<离子卡>的颜色

  2. 2

    Ionic 2 - 如何禁用按钮组件

  3. 3

    ionic2 + angular2-单击禁用按钮

  4. 4

    如何更改 Ionic 上的文本字体和颜色 - 2

  5. 5

    Ionic 2-为特定视图禁用“后退”按钮

  6. 6

    在Ionic / Angular 2中执行成功回调函数后更改按钮颜色

  7. 7

    CSS-悬停时更改按钮背景颜色

  8. 8

    CSS 在按钮悬停时更改正文背景颜色?

  9. 9

    禁用的离子按钮上的样式在离子V4中不起作用

  10. 10

    Ionic2:按下“后退”按钮时,重新加载离子含量

  11. 11

    更改颜色导航栏标题Ionic 2

  12. 12

    更改 android 按钮上的背景颜色

  13. 13

    按数据调整按钮颜色(Ionic2)

  14. 14

    如何从Ionic 2中的“后退”按钮更改标签?

  15. 15

    单击“ ionic 2”按钮时更改图标

  16. 16

    如何在 Ionic 中动态更改离子范围颜色?

  17. 17

    Tkinter按钮悬停在其上后更改颜色

  18. 18

    通过自定义Bootstrap更改按钮上的悬停颜色

  19. 19

    CSS按钮颜色仅在悬停时更改单词的背景颜色而没有整个按钮

  20. 20

    当CSS悬停时,如何使禁用的按钮不更改颜色?

  21. 21

    如何在ionic 2中设置div的背景颜色?

  22. 22

    Ionic 2 Navbar颜色问题

  23. 23

    Ionic 2-如果没有互联网+有效表单,如何禁用按钮

  24. 24

    在CSS中将鼠标悬停时更改离子列表项的背景颜色

  25. 25

    禁用按钮,但保持背景颜色

  26. 26

    更改背景颜色已禁用切换按钮

  27. 27

    如何更改主题中的材质按钮禁用状态背景颜色?

  28. 28

    在WPF中更改EventTrigger上的按钮背景颜色

  29. 29

    Ionic 2:在页面级别禁用滚动

热门标签

归档