0

我发现用于电子邮件/密码文本的颜色很难阅读(在这张图片上似乎更容易......),我想使用较浅的白色灰色,我该如何修改代码来做这个?

颜色问题截图

<!-- 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>

4

2 回答 2

0

你也可以这样做,在标签和输入中放置类和样式,颜色为白色,#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>
于 2016-04-17T04:04:24.250 回答
-1

是否要更改输入文本和标签颜色?你可以这样做:

input {
    color: white !important;
}

label {
    color: white !important;
}

md-input-container .md-input{
    border-color: white !important;
}
于 2015-03-24T08:33:43.263 回答