アンギュラマテリアルでボタン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に構築済みのスタイルシートをインポートした後、あなたはprimary、accentまたはwarnのいずれかである<md-button>でcolorプロパティを追加する必要があります。

<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を使用していない場合は、あなたは、単にあなたのindex.htmlファイルのパスは、アプリの設定に依存

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

で作成済みのCSSを含めることができます。