Html 无法使按钮内的图标变大

我试图在按钮内放置一个图标来选择一些文件。除了图标的大小太小之外，一切正常。放置图标的按钮具有正确的尺寸。这就是它看起来的样子：

如何使我的图标更大

相关html

和css

.imgWrap{
位置：相对位置；
显示：内联块；
}
.imgWrap>img{
宽度：50px；
高度：50px；
填充物：5px；
}
.图标{
位置：绝对位置；
右：0；
排名：0；
宽度：20px；
高度：20px；
}
B.B.尼康{
字体大小：100px；
宽度：100%；
}

离子图标具有大小属性；设置为大

<ion-icon size="large"></ion-icon>

您还可以执行以下操作（在您的*.scss文件中）

---

离子图标{zoom:2}

在您的SCS中，您可以使用：

离子按钮{
离子图标{
字体大小：50px；//你的px尺寸！
}
}

您的CSS可能会被默认CSS覆盖。 所以，使用

！重要信息

为CSS添加优先级，例如：

.btnIcon {
  font-size: 100px !important;
  width: 100% !important;
}

---

我两个都试过了，但都不起作用。知道为什么吗？可能是你的输入标签在你的离子按钮里面。移除它以检查它是否是罪魁祸首。如果问题是由输入标签引起的。尝试添加标签元素：当我添加标签时，图标会完全消失。我尝试过这个，但不起作用。我似乎不明白为什么它不适用于我的每一个爱奥尼亚项目！也许有什么东西正在覆盖你的css。。。你可以试试看！重要信息或位于global.scss上，以便进行尝试