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

标签 html css angularjs

当 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 */

关于html - 使用 ng-classes 样式输入占位符颜色样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32555792/

相关文章:

javascript - 错误 : Unknown provider: $resourceProvider <- $resource <- myservice AngularJS services

html - 根据剩余空间隐藏 div 表的内容

javascript - 按数组中的字段过滤 - angularJS

javascript - Google Apps脚本设置相对高度属性

jquery - 图像 slider 无法正常工作

javascript点击改变颜色

javascript - Protractor 无法在 ng-click 元素上使用 css 定位元素

html - 如何让特定图像在特定屏幕尺寸下显示?

html - 为什么窗口最小化时div在另一个div之上

javascript - AngularJS 工厂、服务和 HTTP 使用