Align Text in textfield to center is being ignored.

[LoneWolfPR]

I have the following code:

{
xtype: 'textfield',
id: 'ap',
name: 'ap',
style: 'text-align:center;',
readOnly: true
}

For some reason though, the text in the field does not come up as aligned center. It shows up aligned to the left. When I look in chrome at the Generated Style I see it ignoring a couple calls to center in favor of setting the property to 'text-align: start;' This is coming from '-webkit-autouser agent stylesheet'. Why would it use a browser default and not even insert the style I specified? An inspection of the element itself shows that the specified style isn't even inserted inline like it's supposed to be.

[sword-it]

Hi,
To align the textfield text into the center, you should use the 'inputCls' config of the textfield. Just all this config to your textfield & define the given class in css section. Review the following code:

   inputCls: 'x-text-center',

then, just define the css class like below:
.x-text-center{text-align:center;}