Question

我做了一个输入：

  <div class="button-row">
              <button md-icon-button><i class="material-icons">mode_edit</i></button>
              <button md-icon-button><i class="material-icons">delete_forever</i></button>
            </div>

现在它看起来像普通按钮，没有样式。这个怎么样？我试着添加样式：

// Import Angular Material
@import "~@angular/material/prebuilt-themes/pink-bluegrey.css";

Answer 1

如果你没有使用Angular CLI，你只需在index.html文件中包含预建的css

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

路径取决于您的应用设置。

Answer 2

将预建样式表导入到您的项目后，您需要在color <md-button>，primary或accent中添加warn属性。< / p>

<div class="button-row">
  <button color="primary" md-icon-button><i class="material-icons">mode_edit</i></button>
  <button color="warn" md-icon-button><i class="material-icons">delete_forever</i></button>
</div>

demo

如果导入不起作用，您可以尝试在index.html中添加此CDN：

<link href="https://unpkg.com/@angular/material/prebuilt-themes/pink-bluegrey.css" rel="stylesheet">

如何在Angular Material中设置按钮CSS的样式？

2 个答案: