我的图标不想改变大小

Question

我在页面上创建了一个按钮，我想增加图标大小。但是，当我尝试更改样式时，图标大小不想更改，有人可以帮助我吗？我确信我错过了一些愚蠢的东西。

按钮/图标代码：

<button style="margin:0 auto; height:70px;" class="button button-clear button-primary" ng-click="removeCard()"><span class="icon ion-ios7-close-outline light"></span></button>

Answer 1

你正在使用一些框架吗？语义UI，Bootstrap或Foundation？

无论如何，你可以尝试两件事：

更改：<span class="icon ion-ios7-close-outline light"></span>至

这：<span class="large icon ion-ios7-close-outline light"></span>

或者你可以试试这个：

<span class="icon ion-ios7-close-outline light" style="width:50px; height:50px;"></span>

只是我的想法

Answer 2

对于网络字体，您应使用 font-size css属性

Concider您正在使用字体作为arial或时间