border-top-left-radius和border-bottom-left-radius的角度--prod问题

Question

我在按钮上遇到border-top-left-radius和border-bottom-left-radius时遇到问题，这些按钮似乎在开发版本中有效，但在生产中无效。当我运行ng serve时，会得到预期的结果：

如果我只是使用ng serve --prod运行相同的项目，我会得到：

...在开发人员工具中存在一些错误：

很显然，构建系统做得不好。样式未正确部署，因此无法正常工作。 Angular 6和Angular 7均可轻松重现这一点。

1. 使用ng new test-app
创建一个空白应用

2. 在app.component.html中添加按钮

   测试

3. 将CSS添加到app.component.css

   .rounded-circle {   border-radius：50px！important;   border-top-left-radius：0！important;   border-bottom-left-radius：0！important; }

4. 我也使用了Bootstrap，但是没有必要重现此内容。

我明显缺少什么吗？

Answer 1

在生产模式下生成的该类下的类将其覆盖。

像在图像中一样在开发控制台中取消选中它会得到正确的样式，但是要实际实现，请尝试使用以下方式替换CSS类：

.rounded-circle { border-radius: 0px 50px 50px 0px !important }

Answer 2

尝试使用此命令metric_a and on (some_label) metric_b 。它可能会解决您的问题。