css - Materialise Prebuild 主题不适用

Question

我遇到了 Materialise 主题的问题。我尝试以各种方式应用主题，但它不起作用。我通过 npm 安装它，添加到 angular cli。我将主题添加到 angular.json 中的样式，导入到 styles.css ...它仍然不起作用。 - 不适用于元素:

我的 CLI 控制台:

我已经做了什么？在 angular.json 中，我添加了 css 文件。

"styles": [
              "./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css",
              "./node_modules/@angular/material/prebuilt-themes/purple-green.css",
              "src/styles.css"
            ]

在 styles.css 中，我添加了以下导入:@import "~@angular/material/prebuilt-themes/purple-green.css";

在 index.html 中添加了 3 个链接

  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" href="lib/@angular/material/core/theming/prebuilt/deeppurple-amber.css">

Answer 1

放在你的 src/styles.css 里面

@import '@angular/material/prebuilt-themes/deeppurple-amber.css';