【问题标题】:My icon doesn't want to change size [closed]我的图标不想改变大小[关闭]
【发布时间】:2015-01-09 14:34:37
【问题描述】:

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

按钮/图标代码:

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

【问题讨论】:

  • 嗨,您的图标来自网络字体?带有图片的自定义 css ?
  • 尝试使用padding
  • 如果是 web-font 形式,请尝试 font-size: ____px 属性
  • 来自这个网站ionicons.com

标签: javascript html css button icons


【解决方案1】:

你在使用一些框架吗?语义 UI、引导程序还是基础?

无论如何,你可以尝试 2 件事:

更改:&lt;span class="icon ion-ios7-close-outline light"&gt;&lt;/span&gt;

这个:&lt;span class="large icon ion-ios7-close-outline light"&gt;&lt;/span&gt;

或者你可以试试这个:

&lt;span class="icon ion-ios7-close-outline light" style="width:50px; height:50px;"&gt;&lt;/span&gt;

只是我的想法

【讨论】:

  • 这不起作用,我正在使用引导程序:)
  • 设置 g 字体大小应该和其他一样回答提到:)
【解决方案2】:

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

Concider 您正在使用 arial 或 times 字体

【讨论】:

    猜你喜欢
    • 2023-03-17
    • 2017-11-20
    • 1970-01-01
    • 2023-04-03
    • 2022-11-22
    • 1970-01-01
    • 1970-01-01
    • 2013-12-07
    • 1970-01-01
    相关资源
    最近更新 更多