Question

我想为此代码设置自定义图标（ionicons）大小：

<button class="button button-icon icon ion-stop customIconSound"></button>

对于课程 customIconSound ，我尝试了以下内容：

button.customIconSound,button.button-icon {
    font-size: 52px !important;
    color: #fff;
    line-height: 55px!important;
}

但没有运气。如果我在没有按钮按钮 - 图标类的情况下尝试了图标类，我认为它正在工作，但没有按钮类图标没有按下状态（因为它不是按钮）。

我该如何解决？

感谢您的任何建议。

Answer 1

Lucas很接近，但正确的语法就是这个

button.customIconSound:before {
    font-size: 22px !important;
}

Answer 2

如果你还没有解决你的问题或将来处理它的人。

你必须改变i伪元素的css样式：在

之前

button.customIconSound i:before {
    font-size: 52px !important;
}

Answer 3

您的示例正在运行here。

也许你的问题是由别的东西引起的。

PS：如果你只想调整图标的大小，这个css就足够了。

.customIconSound {
    font-size: 52px;
}

Answer 4

尝试裁定button-icon课程。那个css课就是我的麻烦。同样，因此，css样式也适用于按钮标签。例如：

<button class="button button-clear ion-edit" style="color:#fff; font-size:22px"></button>