Html 左上角的边界半径不适用于Angular2

我正试图从特定的角度弯曲我的按钮，但它不能与我的NativeScript应用程序一起工作。以下是我的CSS代码：

border-bottom-left-radius:10;
border-top-left-radius:10;
border-top-right-radius:0;
border-bottom-right-radius:0;

我尝试在最后添加px，但它不适用于Angular2 CSS。 我也试着把它们放在一行，像这样：

边界半径：3px 3px 0px 0px

但无论是否使用px，它都不起作用。

您可能需要px

border-bottom-left-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:0;
border-bottom-right-radius:0;

如果不起作用，请尝试添加！覆盖其他css规则很重要

border-bottom-left-radius:10px !important;
border-top-left-radius:10px !important;
border-top-right-radius:0 !important;
border-bottom-right-radius:0 !important;

---

您应该将

px

放在末尾（如您所述），但必须有其他CSS覆盖这些样式。Angular2可能与此无关，相反，它是另一个覆盖这些样式的库。将哪些其他样式应用于元素？此外，您还可以截屏您的浏览器检查器（在检查该元素时），以便我们可以看到覆盖它的内容。通过查看我的Chrome开发工具，您将看到

px

是必需的，您会看到

10

值无效：您确定要应用/覆盖正确的元素吗？您的第一个示例

10px

是正确的，角度与此无关。此外，边框左上角半径与边框左上角半径不同。