Ionic-item-アイコンとテキストの間のパディングをカスタマイズしますか？

Question

私はサイドメニューをデザインしています。私はion-iconとtitleの間の埋め込みを、ion-itemの中に入れたいと思います。 ion-item sassプロパティをオーバーライドしようとしましたが、それは助けになりません。

<button menuClose ion-item *ngIf="!option.subItems" class="menu-style" 
       (click)="openPage(option)"> 
      <ion-icon [name]="option.iconName" item-left color="primary"></ion-icon> 
      {{ option.displayName }} 
</button> 

Answer 1

あなたは難なくそれを把握することができるように、Webブラウザの機能を使用して、コンポーネントのsass属性を検査します。 ion-itemスタイルは、次のように上書きできます。

.item ion-icon[item-left]+.item-inner, 
.item ion-icon[item-left]+.item-input { 
    margin-left: 10px !important; 
}