css 靴带样式覆盖角形材质设计

mu0hgdu0  于 2022-12-01  发布在  其他
关注(0)|答案(1)|浏览(152)

我在我的页面上使用了一个按钮和bootstrap中的样式。我的样式导入bootstrap.min,就像开头那样:

@import "../../../../bootstrap.min.css"; // Bootstrap

但不幸的是,按钮元素的引导样式覆盖了Angular 样式。我的按钮在html中看起来像这样:

<button mat-flat-button color="primary" (click)="submitDialog()">
    New submission
</button>

它在页面上应如下所示:

但是因为bootstrap用样式覆盖了button元素,所以它看起来是这样的(小得多,没有四舍五入...):

hfyxw5xn

hfyxw5xn1#

首先,不建议使用两个framwerok,但如果您仍然需要它,请转到angular.json并在样式中,在bootstrap.min.css之后设置angular-material

相关问题