Question

html placeholder怎么设置居右

Answer 1

1. HTML下的input标签属性placeholder在不同的浏览器中样式是不一样的。
   

   火狐浏览器

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

   第一个适合火狐浏览器版本：Mozilla Firefox 4 to 18

   第二个适合火狐浏览器版本：Mozilla Firefox 19+

      

 IE浏览器

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

  IE浏览器版本：Internet Explorer 10+

谷歌浏览器

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

2.各个浏览器的设置样式不通，如果想兼容所有的浏览器建议全部写上，如果你只想实现单一的浏览器，就选择相对应的，就可以了。

Answer 2

设置字体的居右即可实现这个效果，添加样式，text-align:right

Answer 3

:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder,::-webkit-input-placeholder{
text-align: right;
}