Question

我遇到的问题是，当我在按钮上添加离子2 gesture（按下）时，它会自动为该按钮添加内联样式。

有没有办法推翻它添加的风格？

按钮

<button ion-button (press)="toggleFavourite(sound)" (click)="share(sound.file)"></button>

由于（按）手势而添加的CSS。

style="
touch-action: none; 
user-select: none; 
-webkit-user-drag: none; 
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"

Answer 1

您可以按照page.scss文件中的说明进行操作。

注意：请勿使用!import hack.Which非常糟糕。

<强> page.scss

.ios,
.md,
.wp {
    page-my {
        .my-gesture {
           touch-action: none; 
           user-select: none; 
          -webkit-user-drag: none; 
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
}

<强> page.html中

 <button ion-button class="my-gesture" (press)="toggleFavourite(sound)" 
 (click)="share(sound.file)"></button>

在Angular 2 / Ionic 2中删除自动注入的CSS样式

1 个答案: