javascript - Sencha Touch 2：输入占位符在 Android 4 中未居中

Question

我正在尝试将占位符文本居中。它看起来以 IOS 为中心，但在 Android 4 上仍然左对齐。

/*css code is below*/
    #myinput input{
        text-align:center!important;
     }
    #myinput input::-webkit-input-placeholder{
        text-align:center!important;
     }


//the view (.js file) has
{
    xtype: 'emailfield',
    name: 'myinput',
    id: 'myinput',
    required: true,
    placeHolder: 'myinput (optional)',
    listeners: {
      //some listeners are here
    }
}

我错过了什么？

Answer 1

Android在这里有一个错误:(，居中不起作用。您可以使用这个polyfill：https ://github.com/diy/jquery-placeholder它支持“force”属性。该属性使它甚至可以运行“支持”占位符的浏览器，例如 android。

$('#myInput').placeholder({force:true});

然后使用常规 CSS 对插件提供的占位符类进行样式设置

.placeholder{
  text-align: center;
}

Answer 2

标准的写法如下：

#myinput::-webkit-input-placeholder{
        text-align:center!important;
}

#myinput 之后没有“输入”，试试吧！