Extjs 4.2，如何在面板主体周围创建一个带圆角的框架

Question

我想移除一个面板框架并将其放在面板主体上，

效果应如下所示:(标题没有边框或背景，面板主体有圆角。）

这是我尝试过的：

Ext.define('SomePanel', {
    extend: 'Ext.panel.Panel',
    frame: true,
    frameHeader: false,
    cls: 'x-portlet'
});

我也试过以下Sass定义：

$panel-body-border-color:Gray !default;
$panel-body-border-width:1px !default;
$panel-header-background-color:transparentize(Gray,1) !default;
$panel-header-color:#30495c !default;
$panel-header-border-width:0px;

Answer 1

我最终这样做的方法是在主面板中嵌套另一个面板， 嵌套的一个有一个边框半径，而主要一个有一个带有几个css twicks的透明标题。

Answer 2

尝试在CSS中使用 border-radius ：

.myStyle
{    
    border-radius: 8px;    
}

这对我来说很有用：）

进一步的信息： http://www.w3schools.com/cssref/css3_pr_border-radius.asp