angularjs - 如何将字体更改为 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;
}