如何在角度材质中设置按钮CSS的样式？

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

导入预建的样式表，你projecnt后，您需要添加color财产<md-button>这要么是primary，accent或warn。

<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"> 

Answer 2

如果你不使用Angular CLI你可以简单地包括预建的CSS在您的index.html文件

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

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