样式化md-no-float占位符

时间:2017-02-13 21:23:56

标签: css angular-material

通常,这样做会占用占位符样式:

md-input-container[md-no-float]> input::-webkit-placeholder {
    color: #eee;
}

嗯......不是有角度的材料,我假设?有谁知道怎么解决这个问题?我有一个带HTML的输入字段

<md-input-container class="form-group search" md-no-float>
    <input type="text" placeholder="Enter keyword...">
    <span class="ti-icon ti-search"></span>
</md-input-container>

默认情况下,其中的文字自然是黑色,但网站是黑暗的。我需要占位符为白色。

由于

1 个答案:

答案 0 :(得分:2)

你很亲密。它是::webkit-input-placeholder,而不是::-webkit-placeholder

跨浏览器:

md-input-container[md-no-float] ::-webkit-input-placeholder {color: #eee}
md-input-container[md-no-float] :-moz-placeholder {color: #eee}
md-input-container[md-no-float] ::-moz-placeholder {color: #eee}
md-input-container[md-no-float] :-ms-input-placeholder {color: #eee}