sencha touch 2のチェックボックスフィールドを左揃えにするにはどうすればいいですか？

Question

フィールドセットの中で誰かがチェックボックスフィールドを成功裏に左揃えにすることができたかどうかは不思議です。私の試みは失敗している。

{ 
xtype : 'checkboxfield', 
name : 'remember', 
label : 'Store information', 
style: 'float: left' 
} 

イメージが良いです：

Answer 1

私はleftにcheckboxfieldを揃えることができました。 ...

{ 
    xtype: 'checkboxfield', 
    name : 'tomato', 
    value: 'tomato', 
    checked: true, 
    label: 'Tomato', 
    labelWidth: '70%', 
    labelAlign: 'right' 
} 

出力を以下のコードをチェックアウト： -

Answer 2

は2.2に触れて（自分のCSS

.x-field .x-input-checkbox::after, .x-field .x-input-checkbox:checked::after 
{ 
    right:auto; 
} 

Answer 3

ここcheckboxfieldされるデフォルトのCSSで、以下を挿入します。 1）： '

.x-checkmark-base, .x-field-checkbox .x-field-mask::after, .x-field-radio .x-field-mask::after, .x-select-overlay .x-item-selected.x-list-item::after 
{ 
position: absolute; 
top: 0; 
right: 10px; 
bottom: 0; 
content: '3'; 
font-family: 'Pictos'; 
font-size: 1.6em; 
text-align: right; 
line-height: 1.6em; 
} 

"right：10px"から "left：10px"に変更できます。私のアプリで

は、私がアップロードされた画像のためのindex.htmlに

.x-checkmark-base, .x-field-checkbox .x-field-mask::after, .x-field-radio .x-field-mask::after, .x-select-overlay .x-item-selected.x-list-item::after 
{ 
right:auto !important; 
left:10px !important; 
}