问答详情
源自:4-1 编程挑战

placeholder居中问题

请问placeholder怎么居中啊?

baidu上查的input::-ms-input-placeholder{text-align: center;}
input::-webkit-input-placeholder{text-align: center;}不好使啊

提问者:道化 2015-07-09 09:58

个回答

  • 慕虎4537833
    2020-06-02 23:56:45

    .search-input:focus

      text-align: left;

    .search-input::-webkit-input-placeholder

      text-align: center;


  • 萧晴玉
    2018-04-26 20:53:10

    试了试

    text-align: center;

    也是可以用的

  • 眼角落叶
    2016-03-10 13:19:12

    这个确实不好使,我也试过了。

    根据场景,题主可以变通下。我举个我遇到的例子:

    业务场景如下:默认状态,输入框的提示文字是居中的,但当focus的时候,输入框的文字就居左,然后用户开始输入。

    我开始也是input placeholder,但是遇到这个问题后,我就把默认状态的文字居中改成span标签(做成像input的样子)来提示,当用户点击span标签的时候,就把input显示出来。

  • 道化
    2015-07-21 14:57:22

    设置text-indent 是否会让input输入的内容也首行缩进呢

  • biny88
    2015-07-17 11:01:59

    text-indent:20px;