我正在尝试创建一个登录页面 . 我通过SideKick使用登录页面模板并将其命名为login . 它使用login-page.js，login-page.xml和login-view-model.js创建了一个登录文件夹 . 我在与其他文件夹相同的文件夹中创建了一个login-page.css文件 .

我在css文件中创建了一个简单的样式，使测试类的字体颜色变为蓝色 . 我将它应用于类字段中的标签 . 不起作用 . 我错过了什么吗？

<ScrollView>
<StackLayout class="form">
    <Label class="h1 text-center test" text="Login"></Label>
    <TextField class="m-t-10 m-b-10 m-l-15 m-r-15" hint="Email" keyboardType="email" autocorrect="false" autocapitalization="none"
        text="{{ email }}"></TextField>
    <TextField class="m-t-10 m-b-10 m-l-15 m-r-15" hint="Password" secure="true" autocorrect="false" autocapitalization="none"
        text="{{ password }}"></TextField>
    <Button class="btn btn-primary" text="SIGN IN" tap="onSigninButtonTap"></Button>
    <Label class="m-t-10 m-b-10 m-l-15 m-r-15" text="Forgot password?" tap="onForgotPasswordTap"></Label>
</StackLayout>

.test{color: red}

CSS Picture

XML Picture

javascript css nativescript