Labelのcls設定でクラス名の先頭に半角スペースが入る

グリッドのツールバー上にラベルを表示したく、以下のように

var grid = new Ext.grid.GridPanel({
　....
tbar:[
{ xtype: 'label',text:'データ,cls:'xxxx'}

といった形でclsを指定しています。
生成されたHTMLを見てみると、
<label id="ext-comp-1022" class=" xxxx">データ</label>
といったように、”xxxx"の前に、1文字分半角スペースが入ってしまいます。

これが原因かどうかわかりませんが、スタイルシートで、

.xxxx{
font-size: 20px;
}

としても、反映されません。

何か情報がありましたら、ご教示いただければと思います。
よろしくお願いします。

Quote:

---

Originally Posted by masayuki_yamaoka

生成されたHTMLを見てみると、
<label id="ext-comp-1022" class=" xxxx">データ</label>
といったように、”xxxx"の前に、1文字分半角スペースが入ってしまいます。

---

スペースが入るのは特に問題ありません（cssクラスをDOM要素に追加するExt.Element.addClassメソッドの仕様です）。

Quote:

---

Originally Posted by masayuki_yamaoka

これが原因かどうかわかりませんが、スタイルシートで、

.xxxx{
font-size: 20px;
}

としても、反映されません。

---

スタイル指定が反映されない原因は多分、上記で指定している .xxxx の優先順位が他で指定されているスタイル指定より低いためだと思われます（優先順位についての解説はネット上にいろいろありますので、この辺をご覧ください）。

Firebugで該当するDOM要素を選択して、スタイルを見れば、どの設定が有効になっているか分かるので、それより優先順位が高くなるようにしてみてください。

ありがとうございます。

目的の表示ができるようになりました。