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有一個bug在這裏:(居中不起作用你可以使用這個polyfill：https://github.com/diy/jquery-placeholder它支持「force」屬性，該屬性使得它甚至在瀏覽器上運行「支持」佔位符，就像機器人。

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

然後使用普通的CSS樣式由插件提供的佔位符類

.placeholder{ 
    text-align: center; 
} 

Answer 2

標準的方式來寫，這是如下：

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

否 「輸入」 #myinput後，試試吧！