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

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