javascript - 使用CSS更改输入字段的文本颜色

Question

我已经在页面上为登录功能创建了一个输入字段，但是我一直在尝试使用 css 更改该字段中文本的颜色。这可能吗。我尝试了很多路线，但到目前为止似乎都没有用。以下是登录的电子邮件部分的代码。

 <input class="form-control ng-class:{'error':dashboard.showFormErrors && !dashboard.signinForm.email.$valid}"
               data-ng-model="signinController.signin.email"
               type="email"
               name="email"
               id="email"
               placeholder="Email"
               ng-minlength="2"
               ng-maxlength="3"
               required>

Answer 1

是的，这是可能的。

CSS 可以针对“电子邮件”类型的输入或仅此唯一输入。

电子邮件输入元素:

input[type=email]{
    color: red;
}

或特定的 id="email":

#email {
    color: red;
}

这是一个片段:

input[type=email] {
  color: red;
}
#email2 {
  color: green;
}

<input class="form-control ng-class:{'error':dashboard.showFormErrors && !dashboard.signinForm.email.$valid}" 
       data-ng-model="signinController.signin.email" 
       type="email" 
       name="email" 
       id="email" 
       placeholder="Email" 
       ng-minlength="2" 
       ng-maxlength="3" 
       required>
<input class="form-control ng-class:{'error':dashboard.showFormErrors && !dashboard.signinForm.email.$valid}" 
       data-ng-model="signinController.signin.email" 
       type="email" 
       name="email" 
       id="email2" 
       placeholder="Email"
       ng-minlength="2"
       ng-maxlength="3" 
       required>

如果这仍然不起作用，您可能必须使用“!important”属性来覆盖其他 CSS setter 。

color: red !important;