我正在尝试应用Material预构建的主题,它根本不会改变我的应用程序的样式。我包含了import语句
@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";
在我的styles.css
文件中,但没有任何变化。我已经检查过我的文件路径是否正确,我在文件中包含了Material的核心。我也试过包括
<link href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
index.html
中的但是返回了404错误。对于预构建主题的大多数修复已经通过在styles.css
文件中包含导入来解决,但这对我的情况没有帮助。我正在为这个项目使用Angular CLI。
答案 0 :(得分:0)
在styles.css中使用以下import语句:
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
取自starting guide。您还需要应用大多数其他步骤。
正如Z. Bagley在评论中所建议的,如果主题有效,<button md-raised-button color="primary">Test</button>
将是一种简单的检查方式(不要忘记包含MdButtonModule
)。