文本对齐：右；仅用于占位符？

Question

如何激活 text-align: right; 仅用于占位符？

 <input type="text" name="airline_search" style="direction: ltr;  border: none;" placeholder="ارلاین">

我想使用 direction: ltr; 文本（输入到 inpute）， text-align: right; 占位符。

原文由 Me hdi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

/* webkit solution */
::-webkit-input-placeholder { text-align:right; }
/* mozilla solution */
input:-moz-placeholder { text-align:right; }

原文由 Hnatt 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

或者尝试使用 :focus 事件：

 input[type='text']{
text-align:right;
}

input[type='text']:focus{
text-align:left;
}

这样，即使是硬编码的任何占位符都将保持在右侧，并且您在获得焦点时键入的任何文本都将位于右侧。另一方面，当你失去焦点时，对齐又会变得正确。

原文由 monsieur_h 发布，翻译遵循 CC BY-SA 3.0 许可协议