2017-08-18 11 views
1

にスタイルを適用されません簡単なスニペットです:まさに私が間違っているのは何角度材料は、ここで部品

.profilebutton { 
 
    float: right; 
 
}
<!-- PROFILE BUTTON --> 
 
    <div class="col-md-4 profilebuttoncontainer"> 
 
    <button md-button [routerLink]="'/welcome/profile'" class="profilebutton">Profile</button> 
 
    </div>

?私はツールバー、ダイアログボックス、チェックボックスをすべてアンギュラマテリアルからスタイル付けしようとしていますが、どれも適用されません。私はマットボタン(マット・ダイアログ・コンテナ)のようなマットの下でインスペクタを使ってスタイリングを変更することができますが、それは動作しますが、それをどのようにしてCSSに変換しますか?私はマットを変更することはできないようです。

私がしたいのは、コンテナの右側にmdボタンを付けることです。スーパーシンプル。

+0

を使用して、コンポーネントレベルでのスタイルシートの参照を追加します。以下のコード、

<div class="profilebuttoncontainer"> <button md-button class="temp-class">Click me!</button> </div> 

ノートを参照してください。 md-button'属性であり、要素ではありません。 – Edric

+0

あなたはこの回答をupvoteできますか? – Aravind

答えて

1

あなたのコードは期待通りに動作するはずです。材料のボタンは `を持っているので、それは明らかに角度だ@Vega

styleUrls:[`....`] 

ライン以下

LIVE DEMO

+0

あまりにもアップしてください@ジェフリー – Aravind