Css 火花按钮上的圆角不正确

我对火花钮扣有问题。在我的应用程序中，我在两个地方使用它和一些自定义CSS，但它们在这两个地方看起来不同，我不知道为什么。这是一个屏幕截图，显示了我希望它的外观：

这是我不希望在我的应用程序的其他位置看到的内容：

注意它看起来像两个独立的按钮

这是我使用的CSS：

s|ButtonBar {
    chromeColor: #cfcfcf;
    color: #000000;
}

s|ButtonBarButton:up,
s|ButtonBarButton:over,
s|ButtonBarButton:down,
s|ButtonBarButton:disabled {
    chromeColor: #cfcfcf;
    color: #000000;
    cornerRadius: 4;
}

s|ButtonBarButton:upAndSelected,
s|ButtonBarButton:downAndSelected,
s|ButtonBarButton:disabledAndSelected,
s|ButtonBarButton:overAndSelected {
    chromeColor: #6D9EBA;
    cornerRadius: 4;
    color: #ffffff;
}

我已经检查过它是1个按钮栏，而不是不正确情况下的2个单独的按钮栏。你知道这是什么原因吗

---

更新：我发现在a中使用按钮杆时总是错误的，在正常的空气应用中是正确的。但是为什么呢？还有解决办法吗？

也许我的问题不够清楚？我在同一个应用程序的两个地方使用了完全相同的组件，但它们看起来不同，如屏幕截图所示。由于ButtonBar组件通常能正确执行此操作，我想知道为什么在第二种情况下它不能正确执行。浏览器兼容性？