可以更改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規則。