How to make the input placeholder to have right direction or alignment when the input has left direction or alignment?
For example, this is my input:
<input
type="password"
style="direction:ltr; text-align:left"
placeholder="password" />
The placeholder text alignment is left now. How to use direction: rtl for that?
I think this can help you.
input[type="text"]:-moz-placeholder {
text-align: right;
}
input[type="text"]:-ms-input-placeholder {
text-align: right;
}
input[type="text"]::-webkit-input-placeholder {
text-align: right;
}