如何使用component.css覆盖style.css（角度）

我在styles.css中设置了一个generic.modal内容集。这适用于应用程序中的每个模态面板。 我想在component.css中覆盖它的宽度。这个组件还有一个模态面板，即使我将以下内容放入component.css中，模态仍将保持其全局宽度

.modal-content{
  border-radius: 0;
  border:none;
  width: 25%;
}

即使我使用！重要的是，它没有任何效果

如何覆盖全局css值

编辑

---

若要覆盖零部件样式文件上的全局样式规则，请将其添加到component.ts中

封装：视图封装。无

---

查看官方文档：

要覆盖组件样式文件中的全局样式规则，请将其添加到component.ts中

封装：视图封装。无

---

查看官方文档：

您是否也可以发布组件html和ts？您使用的是什么视图封装策略？您可以设置封装：ViewEncapsulation。组件中没有任何组件会建议关闭ViewEncapsulation可能会导致更多问题well@JoelJoseph它起作用了。回答吧。我会接受的。@Sanyifejűdone您也可以发布组件html和ts吗？您使用的是什么视图封装策略？您可以设置封装：ViewEncapsulation。组件中没有任何组件会建议关闭ViewEncapsulation可能会导致更多问题well@JoelJoseph它起作用了。回答吧。“我会接受的。”桑伊菲说

@Component({
  selector: 'app-base-data',
  templateUrl: './base-data.component.html',
  styleUrls: ['./base-data.component.css']
})
export class BaseDataComponent implements OnInit {