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之后没有“输入”，请尝试！