可以更改ion-navbar内的离子标题大小吗？

Question

<ion-navbar color="primary"> 
    <ion-title>Atualizado em: {{ultimaAtualizacao | date:'dd/MM/yyyy'}}</ion-title> 
</ion-navbar> 

我想改变离子标题的文本大小，我已经尝试过使用CSS，但它不会改变。

Answer 1

根据官方的API文档，可以重写SASS变量。 Check it out...

Answer 2

1. 如果你想改变它的应用的每一页，你可以使用萨斯变量。你需要添加下面你variables.scss文件：

   $toolbar-ios-title-font-size: 1.7rem; 
   $toolbar-md-title-font-size: 2rem; 
   $toolbar-wp-title-font-size: 1.5rem; 
   

   这些都是默认值，所以你可以设置你想在那里的值。

2. 如果你想改变只在一页，你不应该使用sass变量。相反，在该页面的SCSS文件使用一个简单的CSS规则：

   your-page { 
   
       toolbar-title toolbar-title-ios { 
       font-size: 1.7rem; 
       } 
   
       toolbar-title toolbar-title-ios { 
       font-size: 2rem; 
       } 
   
       toolbar-title toolbar-title-ios { 
       font-size: 1.5rem; 
       } 
   
   } 
   

---

编辑：

如果使用的CSS规则不起作用，可能涉及到的问题这些规则的特殊性。您可以通过包装样式的页面像这样的尝试：

.ios, .md, .wp { 

    your-page { 

    // Put your css rules here! 

    } 

} 

通过这样做，可以提高您的自定义CSS规则的特殊性，并覆盖离子的CSS规则。