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

时间:2017-02-08 18:26:58

标签: html css angular typescript angular2-nativescript

我正在尝试从特定角落弯曲我的按钮,但它无法使用我的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。 我也尝试将它们全部放在一行中:

border-radius:3px 3px 0px 0px;

但是无论是否使用px都无效。

1 个答案:

答案 0 :(得分: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;