javascript - 我的图标不想改变大小

标签 javascript html css button icons

<分区>


关闭 8 年前

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

按钮/图标代码:

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

最佳答案

你在使用一些框架吗?语义 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>

只是我的想法

关于javascript - 我的图标不想改变大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27862884/

上一篇:html - 如何按照样式表在 Google Chrome 中的加载顺序轻松查看样式表列表

下一篇:css - 在 HTML 中更改背景图像的不透明度

相关文章:

javascript - vue js挂载firebase异步调用不更新数据

javascript - 表单内的两个冲突按钮

javascript - 是否可以在不使用浏览器插件的情况下在点击链接后修改链接目标的 html?

javascript - 'rel' 属性 : prop() vs attr() 的行为

css - 容器大小等于图像大小

css - 如何用 CSS 替换文本?

javascript - 简单的 javascript 更改图像不起作用

Javascript 正则表达式查找 _ 和 - 之间的字符串

css - 在没有位置 :absolute? 的 DIV 内滚动

css - 使用 top : 50% and transform: translate (-50%) causes doubled 1px underline 垂直居中