2016-07-14 6 views
0

イオン版1.2.4を使用しています。イオンヘッダーバーのアイコンのサイズを変更するにはどうすればいいですか?

私は本質的にアイコンのサイズを変更することによってアイコンのサイズを縮小しようとしています。下のコードのアイコンのfont-sizeを変更するには、適切なCSSセレクタは何でしょうか?私が試したことは何も働いていないようです。

<ion-nav-bar> 
    <ion-nav-buttons side="right"> 
     <button class="button button-clear"> 
      <i class="icon ion-edit"></i> 
     </button> 
    </ion-nav-buttons> 
    </ion-nav-bar> 
+0

スタイルのカスタムクラスを追加してスタイルを付けることができます。 –

+0

私はそれを試みました。運がない。 –

+0

あなたはそれを '重要なのですか? –

答えて

1

は、プロジェクトのCSSファイルにこのクラスを追加し、この

<button class="button button-icon icon ion-android-notifications"></button> 

のようなあなたのボタンを宣言します。

.bar .button.button-icon:before { 
    font-size: 40px; 
} 
+0

申し訳ありませんが、これはうまくいきませんでした:/ –

+0

あなたの質問で宣言されたボタンの '.bar .button.button-clear .icon:before {font-size:40px}'を試してください。 –

+0

これも機能しません。 –

関連する問題