Html 超高更改栏脚内图标的大小

我有一个酒吧的页脚：

<div class="crop modal">
    <div class="crop-center-container">
        <div class="crop-img" ng-style="{width: width + 'px', height: height + 'px'}"></div>
    </div>
    <div class="crop-center-container">
        <div class="crop-select" ng-style="{width: width + 'px', height: height + 'px'}"></div>
    </div>
    <div class="bar bar-footer bar-dark">
        <div class="button-bar">
            <button class="button button-clear crop-button icon ion-ios-close" ng-click="cancel()"></button>
            <button class="button button-clear crop-button icon ion-ios-undo"></button>
            <button class="button button-clear crop-button icon ion-arrow-left-a"></button>
            <button class="button button-clear crop-button icon ion-ios-redo"></button>
            <button class="button button-clear crop-button icon ion-ios-checkmark" ng-click="crop()"></button>
        </div>
    </div>
</div>

---

我将字体大小设置为50px，但没有任何更改。我无法更改图标的大小。如何更改它们？

这是因为中间没有文本，所以无法设置字体大小

---

这里有文本我们看不到你的图标，添加更多的cssWorks好吧，你可能还缺少其他东西。我发布了完整的html和css。在爱奥尼亚，按钮可以用作图标，中间没有文本。给字体大小设置样式可以改变图标的大小。
.crop {
    background-color: #000;
    overflow: hidden;
}

.crop-center-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.crop-img {
    opacity: 0.6;
}

.crop-select {
    overflow: hidden;
}

.crop-button {
    font-size: 100px !important;
}

.bar.bar-footer {
    border: none;
    background-color: transparent;
    background-image: none;
}