如何从离子图标中移除垂直填充？

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; 
}