边界半径左上角不适用于Angular2答案

【问题标题】：border-radius-top-left is not working with Angular2边界半径左上角不适用于Angular2
【发布时间】：2017-02-08 18:26:58
【问题描述】：

我正在尝试从特定角落弯曲我的按钮，但它不适用于我的 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放在最后（正如你提到的），但必须有一些其他的CSS覆盖这些样式。 Angular2 可能与此无关，而是另一个覆盖这些样式的库。该元素还应用了哪些其他样式？另外，也许您可以截屏浏览器检查器（在检查该元素时），以便我们可以看到覆盖它的内容。通过查看我的 Chrome 开发工具，您会看到 px 是必需的，并且您会看到 10 值无效：imgur.com/a/jqEFq
您确定要应用/覆盖正确的元素吗？你作为10px 的第一个例子是正确的，角度不应该与它有任何关系。
另外，border-top-left-radius 与border-radius-top-left 不同。

标签： html css angular typescript angular2-nativescript

【解决方案1】：

你可能需要像素

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;

【讨论】：