html - ionic : how to change the size of FAB icon

标签 html ionic-framework sass cross-platform floating-action-button

我是跨平台开发新手。努力改变 FAB 的大小。 这就是我现在拥有的:

<ion-fab center middle>
<button ion-fab color="blue" class="fabStartBtn"><ion-icon 
name="start">Start</ion-icon></button>
</ion-fab>  

.fabStartBtn {
font-size: 72px;
}

但是大小还是一样的。如何访问按钮属性?我尝试了 id、name、#name、:before - 没有用。

最佳答案

进入您的 theme/variables.scss 文件并覆盖 $fab-size 变量,如下所示:

$fab-size: 70px; //Change value to whatever size you want

关于html - ionic : how to change the size of FAB icon,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40657813/

相关文章:

javascript - 双向数据绑定(bind)(计算)

angular - ionic 3 EmailValidator 用法

Dreamweaver cs6 和 SCSS

css - 基础5格行嵌套负边距

css - React 动态应用 css 类

css - 如何根据内容水平增长一个div?

javascript - 如何在嵌套 iframe 所在的原始窗口中打开链接?

javascript - 尝试运行空白 ionic 启动应用程序时,我收到 Cordova 错误 "Failed to load resource"

jquery - 导航样式问题

javascript - JQuery 代码只适用于 firefox?