2015-10-16 101 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

您能提供一个代码片段吗? –