html - 使用 ng-classes 样式输入占位符颜色样式

当 ng 类在输入字段上时,我很难定位输入占位符文本。我能够获取输入背景颜色,但不能获取占位符文本颜色。任何帮助都会很棒。

HTML:

<form class="my-form">
  <input type="text" placeholder="Quick test" required/>
</form>

科学:

.my-form {
 input.ng-invalid.ng-touched {
 background: #efefef;
 ::-webkit-input-placeholder {
  color: #FF0000;
 }
 :-moz-placeholder {
  color: #FF0000;
 }
 ::-moz-placeholder {
  color: #FF0000;
 }
 :-ms-input-placeholder {
  color: #FF0000;
  }
 }
}

Angular 添加到所需元素的类

<input type="text" placeholder="Quick test" required="" 
class="ng-pristine ng-invalid ng-invalid-required ng-touched">

最佳答案

将 ng-class 添加到供应商前缀就可以了。

HTML:

<input type="text" placeholder="Quick test" required="" 
class="ng-pristine ng-invalid ng-invalid-required ng-touched">

科学:

.ng-touched::-webkit-input-placeholder { color: red; }
.ng-untouched::-webkit-input-placeholder { color: #cccccc; }
/* add additional vendor prefixes or utilize mixin */

https://stackoverflow.com/questions/32555792/

相关文章:

java - 覆盖哈希码方法时获取 "Stack overflow error "

oracle - 12c 和 ORA-01792 : maximum number of colum

amazon-web-services - AWS : How do I programmatica

kendo-ui - Kendo 网格数格式化为百分比问题

sed - 如何使用 sed 将多行追加到一个文件?

visual-studio-2010 - 在调试客户端-服务器应用程序时在解决方案中运行这两个应用程

php - 从另一台机器访问 wordpress 网站

amazon-web-services - 在 AWS CLI DynamoDB 查询操作中替换变量

symfony - 如何使用 symfony 2 使工作软删除和唯一实体

spring - 为什么当您使用其 ID 保存实体时,从 JPA 存储库中检索的订单会发生变化?