将className添加到:: - webkit

Question

我正在尝试将一个类名添加到webkit，moz，ms ...我该如何转换它：

::-webkit-input-placeholder {
    text-align: center;
}

::-moz-placeholder { 
    text-align: center; 
}

::-ms-input-placeholder { 
    text-align: center;
}

进入：

.form-horizontal {

::-webkit-input-placeholder {
    text-align: center;
}

::-moz-placeholder { 
    text-align: center; 
}

::-ms-input-placeholder { 
    text-align: center;
}

}

谢谢。

Answer 1

您只需将所需的类名放在选择器前面。如果要嵌套这样的选择器，请使用预处理器。

.form-horizontal ::-webkit-input-placeholder {
    text-align: center;
}

.form-horizontal ::-moz-placeholder { 
    text-align: center; 
}

.form-horizontal ::-ms-input-placeholder { 
    text-align: center;
}

<div class="form-horizontal">
  <input type="text" placeholder="centered">
</div>

<div>
  <input type="text" placeholder="non centered">
</div>