イオンイオンナビゲーションボタンのサイズとスタイル

Question

フルサイズのヘッダー高さのイオンナビゲーションボタンを作成しようとしています。 私はこの

しかし、私は、かなり右ではない、このいずれかを取得しています下回ると取得したい：第1ボタンは、ヘッダの高さを埋めるが、2つ目のボタンは、ヘッダ内の埋められたまま（注：ヘッダーの背景白です）。

HTML

<ion-nav-buttons side="left" > 
    <button class="icon button-custom ion-navicon" menu-toggle="left"> 
    </button> 
    </ion-nav-buttons> 

CSS

.button-custom, 
.button-custom.icon:before{ 
    font-size: 34px !important; 
    border-style: none; 
    border-top-left-radius: 0; 
    border-top-right-radius: 0; 
    border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0; 
    margin: 0; 
    padding: 0; 
    background-color: #ed4949; 
    color: white; 
} 

は最初のものとして第2の画像のスタイルは同じにすることは可能ですか？まあCSSを変更

Answer 1

：

.button-custom, 
.button-custom.icon:before{ 
    font-size: 34px !important; 
    border-style: none; 
    border-top-left-radius: 0; 
    border-top-right-radius: 0; 
    border-bottom-left-radius: 0; 
    border-bottom-right-radius: 0; 
    background-color: #ed4949; 
    color: white; 
} 
.button-custom { 
    margin: -5px 0 -5px -5px!important; 
} 

はそれを修正するために見えるが、おそらくそれを行うための良い方法はあります！将来の参照のために、私はそれが誰に役立つかどうか、ここに残しておきます...