css - Ionic-Customizing Ionic title with CSS 不工作

Question

我已经编写了一个代码来自定义 ionic 标题。

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;

}

在模拟器上渲染时，标题上没有应用可见的更改。有什么问题吗？谢谢

Answer 1

这是自定义 ionic 标题的标准方式，

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;
}