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

Question

我是跨平台开发新手。努力改变 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 - 没有用。

Answer 1

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

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