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

杰弗里·哈斯克尔

这是一个简单的代码段:

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

我到底在做什么错?我一直在尝试从Angular Materials设置工具栏,对话框和复选框的样式,但没有一个适用。我可以在垫子(无论如何)下(例如垫子按钮,垫子对话框容器)使用检查器更改样式,这可行,但是如何将其转换为CSS?看来我无权修改mat-(stuff)

我要做的就是将md按钮粘贴到容器的右侧。超级简单。

阿拉文

您的代码应按预期工作。参见下面的代码,

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

注意:使用下面的代码行在组件级别添加样式表引用

styleUrls:[`....`]

现场演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular 2-将条件样式应用于指令的子HTML元素

子样式应用于Angular 2中的父组件?

将CSS样式应用于Angular 2应用程序中的所有组件

angular2-mdl组件已应用于Angular 2快速入门

将类应用于Angular中的每个路由组件

以Angular(5)“正确”的方式将样式应用于尾随零

将样式应用于Angular 2中动态创建的元素

防止在Angular 5中将全局CSS应用于组件

在Angular 4中将属性指令应用于组件

DynamicReports不会将模式应用于格式ZonedDateTime

Angular 6路由器插座样式应用于其下方的元素

CSS范围的生成的Angular属性未应用于组件的内部元素

无法将样式应用于具有Angular的组件css中的svg,仅在全局css文件中

将Angular组件中的CSS应用于子组件

如何在Angular中将样式应用于自定义组件内容?

在Angular中的指令属性元素外部单击时,将样式应用于元素

Angular:CSS封装错误-网格组件:hover样式应用于同级网格组件

有条件地将CSS类应用于Angular组件宿主

将Angular Pipe应用于Angular递归列表模板

反应样式化的组件不将样式应用于组件

AJAX不会将值应用于变量

将Angular Controller应用于模板

将组件应用于Angular2中的模板

将动画应用于动态加载的组件 Angular 5

如何通过选择器将 CSS 应用于组件的元素 - Angular7/8

CSS 未正确应用于 Angular 中的自定义组件

无法将焦点样式应用于样式组件

WPF 样式:对样式如何应用于组件的全面描述

Angular 11 将边框应用于组件