如何在angularjs材质中将字体更改为较浅的颜色？

Question

我发现用于电子邮件/密码文字的颜色难以阅读（在此图片上看起来更容易......），我想使用打火机白色灰色，如何修改代码来执行此操作？

<!-- index.html -->
<md-toolbar layout="row">
<div class="md-toolbar-tools" layout="columns" ng-include="'views/login/login.html'"></div>
</md-toolbar>

<!-- login.html -->
<form name="login" layout="" style="font-size: 0.7em">
<md-input-container>
    <label for="email">email</label>
    <input id="email" name="email" type="email" required/>
</md-input-container>
<md-input-container>
    <label for="password">password</label>
    <input id="password" name="password" type="password" required/>
</md-input-container>
<md-checkbox id="rememberMe" name="rememberMe" aria-label="remember me">remember me</md-checkbox>

Answer 1

你也可以这样做，在标签和输入中放入类和样式，颜色为白色，＃FFFFFF

<md-input-container>
    <label for="email"class="md-body-2" style="color: #FFFFFF !important;">email</label>
    <input class="md-body-2" style="color: #FFFFFF !important;" id="email" name="email" type="email" required/>
</md-input-container>
<md-input-container>
    <label class="md-body-2" style="color: #FFFFFF !important;" for="password">password</label>
    <input class="md-body-2" style="color: #FFFFFF !important;" id="password" name="password" type="password" required/>
</md-input-container>
<md-checkbox id="rememberMe" name="rememberMe" aria-label="remember me">remember me</md-checkbox>

Answer 2

您想更改输入文字和标签颜色吗？ 你可以这样做：

input {
    color: white !important;
}

label {
    color: white !important;
}

md-input-container .md-input{
    border-color: white !important;
}