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设置器。

color: red !important;

Answer 2

我认为您可以在css文件中执行此操作：

#email{
  color:red;
}

您可以选择颜色。

Answer 3

创建一个css类，用于保存要对字段执行的更改，然后通过ng-class指令将类影响到输入标记。在你的代码中，我认为语法是错误的......但这就是想法。

Answer 4

您可以应用以下代码输入{color：red; }

Answer 5

您可以使用 CSS 更改输入的文字颜色，并且根据您想要达到的结果，有很多方法可以实现。

例如，如果您想将颜色设置为blue并使其始终保持蓝色，则可以使用以下代码：

#email {
    color: blue; /* Or color: #0000ff */
}

或者，如果您想在所选输入具有焦点时更改文本的颜色，则可以改为使用此颜色：

#email:focus {
    color: blue; /* Or color: #0000ff */
}

您也可以在悬停时更改颜色，但这不是经常使用的颜色：

#email:hover {
    color: blue; /* Or color: #0000ff */
}

Answer 6

要更改不同类型输入的输入颜色，请使用相应的标记（有/无伪状态）

input, select, textarea {
    color: #000;
}
input:focus, input:active

/* etc... */

input[type=text] - will only select text fields
input[type=password] - will only select password fields
input[type=number] - will only select number fields
/* etc.. */

input[type=text]:focus
/* etc */

用于占位符样式

::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

Answer 7

您的许多建议都很有效。这是我与css一起使用的路线

input, select, textarea{
    color: #076000;
}

textarea:focus, input:focus {
    color: #076000;
}

使用css更改输入字段的文本颜色

7 个答案: