使用CSS进行Ionic-Customizing Ionic titile无法正常工作

Question

我已经制作了一个代码来定制离子标题。

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

这是定制离子标题的标准方法，

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

Answer 2

首先，你的css选择器是错误的（.styTitle ion-view） 无论如何选择器没有得到你的头衔，你应该尝试：
ion-header-bar .title