将className添加到:: - webkit

Question

I am trying to add a classname into webkit, moz, ms... How can I convert it:

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

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

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

into:

.form-horizontal {

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

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

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

}

Thank you.

Answer 1

You just put the class name you want in front of the selector. If you want to nest your selectors like that, use a preprocessor.

 .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>