使用css更改輸入字段的文本顏色

我已經爲頁面上的登錄功能創建了一個輸入字段，但是我一直在嘗試使用css更改字段中文本的顏色。這可能嗎。我嘗試了很多路線，但是目前爲止似乎沒有任何工作。下面是在符號的電子郵件部分的代碼。使用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>

來源

2016-06-14 NVA

這將是巨大的，如果你能接受一個答案，如果有的話，解決你的問題，還是讓我們知道什麼是失蹤，所以我們可以找到一個沒有 – LGSon

我發佈了我在頁面底部使用的答案/解決方案。 – NVA

一個答案已經有'focus'作爲一個建議，接受，而不是張貼自己的答案使用相同 – LGSon

是的，這是可能的。

CSS可以定位「email」類型的輸入或者這個唯一的輸入。

電子郵件輸入元素：

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

或特定ID = 「電子郵件」：

#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;

來源

2016-06-14 04:42:27 Slulego

創建擁有你想要做的領域變化的CSS類，然後通過納克級的指令影響類的輸入標籤。在你的代碼中，語法是錯誤的，我想..但是這是主意。

來源

2016-06-14 04:23:57

我認爲你可以在你的CSS文件中做到這一點：

#email{ 
    color:red; 
}

你可以給你選擇的顏色。

來源

2016-06-14 04:26:34

您可以應用以下代碼 input {color：red; }

來源

2016-06-14 04:32:00 SESN

確實有可能您可以用CSS更改您輸入的文字顏色，並且有很多方法可以取決於您想要達到的效果。

例如，如果你想你的顏色設置爲blue並讓它始終保持藍色，你可以使用下面的代碼：

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

另外，如果你希望你的選擇時，改變文本的顏色輸入具有焦點時，您可以使用它代替：

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

你也可以改變你的懸停顏色，但這不是東西的使用非常普遍：

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

來源

2016-06-14 04:40:35

要更改輸入顏色爲不同類型的輸入使用相應的標籤（有/無其僞狀態）

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; 
}

來源

2016-06-14 05:07:56 4dgaurav

你的很多建議工作的偉大。這是我用CSS中使用的路線

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

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

來源

2016-06-14 17:23:14 NVA

使用css更改輸入字段的文本顏色

回答

相關問題