如何在角度材質中設置按鈕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"> 

的路徑取決於您的應用程序設置。