placeholder右对齐的写法,兼容性比较高的一种方法

Posted 王子秦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了placeholder右对齐的写法,兼容性比较高的一种方法相关的知识,希望对你有一定的参考价值。

placeholder右对齐的写法,如果你不考虑移动端的话,完全可以使用text-align:right,不过如果考虑移动端的话,在有一些手机上,即使你写了text-align:right,placeholder也是左对齐的,经过百度后得出,http://stackoverflow.com/questions/6729837/text-align-right-only-for-placeholder,经过我的验证,这个方法完美无缺,特记录在册,以备后用!!!

::-webkit-input-placeholder { /* WebKit browsers */
    direction: rtl;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    direction: rtl;
}
::-moz-placeholder { /* Mozilla Firefox 19+ but I‘m not sure about working */
    direction: rtl;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    direction: rtl;
}

以上是关于placeholder右对齐的写法,兼容性比较高的一种方法的主要内容,如果未能解决你的问题,请参考以下文章

文本对齐:右;仅用于占位符?

史上最全flex兼容写法整理

oninput onpropertychange 比较和坑

我如何拥有一个固定的右对齐容器并使用父级滚动?

FlexBox标准及兼容写法速查表

input文字垂直居中和按钮对齐问题,兼容IE8