2015-10-16 100 views
1

我製作了一個代碼來定製離子標題。Ionic-Customizing Ionic titile with CSS is not working

HTML

<div class="styTitle"> 
    <ion-view title="Welcome to my App"> 
    <ion-view> 
<div> 

CSS

.styTitle ion-view title { 
    font-size: 160%; 
    text-align: center; 
    color: white; 
    font-family: verdana; 
    margin-top: 11px; 

} 

渲染在模擬器上沒有明顯的變化施加稱號。 什麼可能是錯的? 謝謝

回答

1

這是自定義標題離子的標準方式,

HTML

<ion-view> 
    <ion-nav-title> 
     <span class=" 
     styTitle">Welcome to my App</span> 
    </ion-nav-title> 
</ion-view> 

CSS

.styTitle { 
    font-size: 160%; 
    text-align: center; 
    color: white; 
    font-family: verdana; 
    margin-top: 11px; 
} 
+0

仍然不能正常工作 – Blaze

+0

更改顏色 – Muhsin

+0

以什麼顏色代碼。因爲我已經這樣做了 – Blaze

0

首先,你的CSS選擇器是錯誤的(.styTitle離子視圖)。
反正選擇不會得到你的標題,你應該嘗試:
離子頭吧.title僞

+0

仍然不能正常工作 – Blaze

+0

您能提供一個代碼片段嗎? –