Question

这是一个简单的代码段：

.profilebutton  {
  float: right;
}

<!-- PROFILE BUTTON -->
  <div class="col-md-4 profilebuttoncontainer">
    <button md-button [routerLink]="'/welcome/profile'" class="profilebutton">Profile</button>
  </div>

我究竟做错了什么？我一直试图设置工具栏，对话框，复选框都来自Angular Materials，但它们都不适用。我可以使用mat-（无论如何）下的检查器来改变样式，如mat-button，mat-dialog-container，这样可行，但是如何将其转换为css？我似乎无权修改mat-（东西）

我想做的就是将一个md按钮贴在容器的右侧。超级简单。

Answer 1

您的代码应该按预期工作。请参阅以下代码，

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

注意：使用下面的行

在组件级别添加样式表引用

styleUrls:[`....`]

<强> LIVE DEMO

Angular Materials不会将样式应用于组件

1 个答案: