2015-01-09 84 views
0

我在页面上创建了一个按钮,我想增加图标大小。然而,当我尝试改变样式时,图标大小不想改变,有人可以帮我吗?我敢肯定,我错过了一些愚蠢的东西。我的图标不想更改大小

按钮/图标代码:

<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> 
+0

嗨,你的图标来自网络字体的工作?有图片的cutss css? – pietro

+0

尝试和使用'填充' – bluefog

+0

如果它的形式网络字体尝试font-size:____px属性 – pietro

回答

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>

只是我的想法

+0

这不起作用,我使用bootstrap :) – TheGarrett

+0

< span class =“icon ion-ios7-close-outline light”style =“font-size = 50px”>设置g字体大小应该是iT然后,像其他答案一样:) –

1

对于Web字体,你应该使用字体大小 CSS属性

海外商品会有您正在使用的字体Arial或时间