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

标签 html css angular typescript angular2-nativescript

我试图从特定的 Angular flex 我的按钮,但它不适用于我的 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;

如果这不起作用,请尝试添加 !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;

关于html - border-radius-top-left 不适用于 Angular2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42120867/

相关文章:

javascript - Angular 4过滤器搜索自定义管道

javascript - 使用 Angular2 或 TypeScript 输入时如何避免重复数据

php - 用于通过电子邮件发送数据的 CSS 表单不起作用

html - Bootstrap 旋转木马标题不显示在全屏 1920 x 1080 中?

css - 表格内部表格和 Twitter Bootstrap 中的内部模式都无法正确显示,缺少填充

javascript - Window.print() 函数弄乱了表格

javascript - 如何将代码从 rxjs v5 转换为 rxjs v6 以进行 catch?

html - 为什么网站CSS在浏览器中显示不同

html - 字体大小增加上边距

html - 在悬停时更改子项的 CSS 可以在 firefox 或 chrome 中使用