在Angular 2/Ionic 2中刪除自動注入的CSS樣式

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>