css - 角半径仅适用于特定的角

我想要仅在右上角和左上角进行四舍五入的选项卡。但是最后四舍五入。

我做了什么：

<mx:TabNavigator id="myTabNav" x="58" y="61" width="584"  height="200" creationComplete="setColors(event)" styleName="myTabStyle">
  <pages:One  label="ThisOne" id="one"  name="One"/>
  <pages:Two label="Twoooooooooooh" id="two"  width="584" name="two" />
  <pages:Three label="Threeeeeeeeh" id="three"  width="583" name="three" />
</mx:TabNavigator>

和

我的pageStyles.css文件是：

.myTabStyle {
 tabStyleName: "myTabs";

 corner-radius:15;
}

.myTabs {
 backgroundColor: #FF0080;
 corner-radius:10;
 focusRoundedCorners: "tl tr";
 skin:ClassReference('mx.skins.spark.ButtonSkin');
 chromeColor: #FF0080;  /* this is the tab widget itself, not the content */
 border-style:outset;
}

如您所见，我有“ focusRoundedCorners”指向右上角和左上角，但是没有运气。我得到的是：

我在做什么错的人？

提前致谢。

最佳答案

看看这个工具http://www.wabysabi.com/flex/enhancedbuttonskin/

我猜想focusRoundedCorners的焦点部分是指仅具有焦点时的样子。