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

Button 禁用离子按钮2上的悬停背景颜色更改,button,colors,background,ionic2,Button,Colors,Background,Ionic2,我有三个按钮。其中两个已经通过ngClass更改了背景颜色。当我将鼠标悬停在其中一个更改的按钮上时,其背景颜色将更改回默认值。如何防止这种行为 我在图像方面的问题: 下面没有悬停图像: 左上角的图像悬浮在下面: 首先,您需要在按钮中添加一个类 <button ion-button class="my-button">AS</button> 首先,您需要向按钮添加一个类 <button ion-button class="my-button">AS

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

我在图像方面的问题:

下面没有悬停图像:



左上角的图像悬浮在下面:


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

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

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

 <button ion-button  class="my-button">AS</button>
你也可以和我一起工作

对于您的情况,覆盖三个变量就足够了:

$button-ios-background-color-hover: your_color;
$button-wp-background-color-hover: your_color;
$button-md-background-color-hover: your_color;
在文件“theme/variables.scss”中,您也可以使用

对于您的情况,覆盖三个变量就足够了:

$button-ios-background-color-hover: your_color;
$button-wp-background-color-hover: your_color;
$button-md-background-color-hover: your_color;

在文件“theme/variables.scss”中使用!重要的关键字它会工作的 比如说

<button type="submit" class="btn2" (click)="openTabs()" ion-button block>U0 
-2-4 Rue  du Nord</button>

使用!重要的关键字它会工作的 比如说

<button type="submit" class="btn2" (click)="openTabs()" ion-button block>U0 
-2-4 Rue  du Nord</button>

运行ionic angular版本3.9.2时,我可以使用ionic类禁用悬停按钮
禁用悬停按钮
运行ionic angular版本3.9.2时,我可以使用ionic类禁用悬停按钮
禁用悬停按钮