2016-08-24 12 views
0

は、ここに私のHTMLです:イオンアイコンから垂直パディングを削除するにはどうしたらいいですか?

<i class="icon ion-email notify-icon"></i> 

とCSS:

.notify-icon { 
    color: white; 
    font-size: 35px; 
    background-color: gray; 
    padding: 0; 
} 

私は0にパディングを設定し、それが水平パディングを削除しますが、私はまだ上下に灰色のパディングの4-5pxを参照してください。どうすれば解決できますか?

ソリューション: 私はそれを理解できるように垂直方向のパディングを除去することは不可能であるので、私はイメージで、イオンのアイコンを変更することを決定しました。

答えて

0

背景色を使用する理由はわかりませんが、サイズが35pxのグレーのメールアイコンが必要な場合は、これを行います。 完全な実装ここ http://codepen.io/anon/pen/oLABwK

.notify-icon { 
    color: gray; 
    font-size: 35px; 
} 

それとも、それがイオンのモバイルアプリケーションで縁取られ、アイコンの使用に

<i class="icon ion-ios-email-outline notify-icon2 "> 

そしてCSS

.notify-icon2 { 
    font-size: 35px; 
    } 
+0

を望んでいたならば、私は背景色を追加デバイス上のアイコン要素の埋め込みを参照してください。私は垂直のパディングを削除する必要があります。 –

+0

は答えのように2番目のクラス 'ion-ios-email-outline'を使用しています。何を求めているのかはアイコンそのものを変更することです。これを行うには、カスタムアイコン自体が必要です。 –

0
.notify-icon { 
color: white; 
font-size: 35px; 
background-color: gray; 
padding: 0 !important; 
} 
関連する問題