使用ng-style更改输入占位符的颜色

Question

我的控制器中有$ scope变量来定义我想要嵌入到html代码中的输入占位符的颜色。

$ scope变量定义如下：

mymariadb.westus.cloudapp.azure.com

color var有一个动态值，我想在输入html标签上使用ng-style来设置输入中占位符的color属性。

mysql -h mymariadb.westus.cloudapp.azure.com -P 4006 -u myapp -pmypassword mydb

我知道我无法通过内联css更改占位符颜色属性。有没有办法可以使用ng-style或任何其他方法将color var传递给css？

我该怎么做？

Answer 1

将ng-class添加到供应商前缀可以解决问题

HTML：

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

SCSS：

.ng-touched::-webkit-input-placeholder { color: red; }
.ng-untouched::-webkit-input-placeholder { color: #cccccc; }

Answer 2

您是否尝试动态创建样式表？它可能不是最优雅的，但它会起作用。

beta-reports-active

您必须从数据库或存储颜色代码的位置相应地导入变量，并且您还必须确定将此代码放入应用程序的最佳位置，但这应该可以帮到您。