如何在extjs中为标签创建弯曲边框？

Question

我正在尝试为extjs中的标签创建一个弯曲的边框（带有弯角的边框线）。这是为了突出一些重要的文字？

 xtype: label,
 text: 'my text',
 margin: '0 0 0 5'

这些是我当前的标签属性。

Answer 1

最好的方法是使用css。

css文件：

.round-corners {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

然后：

xtype: label,
text: 'my text',
margin: '0 0 0 5',
cls: 'round-corners',