如何從離子圖標中移除垂直填充？

Question

這裏是我的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頂部和底部。我該如何解決它？

解決方案： 據我所知，不可能刪除垂直填充，所以我決定用圖像替換離子圖標。

Answer 1

不知道你爲什麼要使用背景顏色，但如果你想要大小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; 
    } 

Answer 2

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