border-radius-top-left 不适用于 Angular2

Question

我试图从特定的角弯曲我的按钮，但它不适用于我的 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，它都不起作用。

Answer 1

您可能需要 px

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

如果这不起作用，请尝试添加 !important 以覆盖其他 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;

border-radius-top-left 不适用于 Angular2

border-radius-top-left is not working with Angular2

html

css

typescript

angular2-nativescript

angular