ExtJs 3.4：設置標籤邊框，中心標籤文本和粗體標籤文字

Question

我在一個字段集中有一個ExtJs標籤，我使用的是ExtJs 3.4。

{ 
       xtype : 'fieldset', 
       layout : 'hbox', 
       border : false, 
       defaults : { 
        //layout : 'hbox', 
        labelAlign : 'center' 
       }, 
       items : [ { 
        xtype : 'label', 
        id : 'idOpen', 
        text : '', 
        width : 52.5, 
        height : 25, 
        labelStyle : 'font-weight:bold;', 
        border : true, 
        style : { 
         //background : '#6699FF', 
         color : 'black', 
         textAlign: 'center' 
        } 
       }....... 

我需要爲該標籤和粗體標籤文本添加邊框。我試過邊框：真的但它也沒有工作。

labelStyle：'font-weight：bold;'也無法正常工作。

而且我還需要在標籤框中居中放置標籤文本。我試過

style : { 

         textAlign: 'center' 
        } 

它將文本橫向居中但不垂直。

我該如何解決這些問題？

Answer 1

{ 
    xtype : 'label', 
    id : 'idOpen', 
    text: '...', // some default value to render label correctly 
    cls: 'my-label-style' 
} 

在.css文件

：

.my-label-style { 
    font-weight: bold; 
    border: 1px solid red; 
    text-align:center; 
} 

設定標籤文本

Ext.getCmp('idOpen').setText('Oh, this is my new text');