Angular 8-激活时更改Mat菜单项颜色

文章/答案/技术大牛

发布

1回答

angular

我想在单击项目后更改项目的颜色。我读过使用routerLinkActive的解决方案，但在本例中，这是一个仅更改地图上的样式的按钮。 <div *ngFor="let style of styles"> <span&g

浏览 9提问于2020-03-02得票数 0

3回答

如何在单击“垫”菜单项时禁用灰色“擦”效果

css、angular

我已经在我的scss中设置了一个routerLinkActive类，以在单击某项时更改mat菜单项目文本的背景和颜色。但是，当单击其中一个项目时，它会将其背景更改为浅灰色，并且只有在您单击应用程序中的其他地方之后才会显示我的背景色。我想要垫菜单项目的背景颜色更改为我选择的颜色，没有默认的“灰色擦拭”行为，这是可能的吗？"><mat

浏览 2提问于2019-01-29得票数 1

回答已采纳

1回答

Angular5在IE和firefox中使用路由器链接和按钮时无响应

angular、internet-explorer、firefox、angular-cli、shim

我有一个新的Angular 5 CLI应用程序，并为应用程序的顶部部分构建了一个导航菜单组件。当我在Edge和Chrome中点击我的菜单项时，它可以完美地工作，并遵循我在app.module.ts中定义的路线。但是，当我单击IE11或Firefox中的链接时，没有任何反应。我启用了polyfills.ts中列出的所有多边形填充，但仍然没有更改，尽管它们确实修复了在IE11中渲染材质图标的问题。> <a [routerLink]="['/login&

浏览 1提问于2017-11-26得票数 0

1回答

角度材质主题

angular-material

我对angular材料还是个新手。我想在用户单击以下两个可用选项之一时更改主题:1)暗主题2]轻主题因此，当用户选择深色主题/浅色主题时，它将更改组件颜色(mat-card，mat-工具栏，mat-sidenav-container以及字体颜色。

浏览 2提问于2019-01-22得票数 0

8回答

Angular mat-选择文本颜色不变

css、angular、material-design

我在我的Angular应用程序中使用了mat-select。我想更改文本的颜色，但颜色不变。<mat-select style="color: red" [(ngModel)]="someValue"> <mat-option

浏览 0提问于2018-10-15得票数 14

1回答

在CSS中将mat-radio-group的颜色设置为主色

angular、angular-material

下面的代码将mat-radio-group的颜色设置为primary。<mat-radio-group color="primary"> 然而，我找不到一种方法来将“color=primary”部分转换为CSS。CSS中的以下代码没有给出所需的结果。mat-radio-group { }

浏览 14提问于2020-12-04得票数 0

回答已采纳

1回答

我如何设置我的mat-toolbar-row使它的颜色是“原色”？

html、angular、sass、angular-material、material-design

我是angular的新手，我在尝试更改我的color=“主要”行时遇到了一些麻烦。我真的不确定如何让它工作，当我对mat-toolbar做了同样的事情时，它工作了，但对行不起作用。mat-toolbar-row color = "primary">Menu</mat-toolbar-row> 这是我的代码。我也遇到了问题，将颜色从默认的粉色-青色主题更改为自定义颜色集，该主题是随

浏览 20提问于2020-05-20得票数 1

1回答

更改角度垫芯片的默认颜色

css、angular、angular-material、tags、styles

我是Angular的新手，我正在尝试使用全局CSS文件更改垫片的默认颜色，但由于某些原因，它不让我更改默认的芯片颜色和内部文本颜色。Homepage.component HTML <mat-chip>Tag1</mat-chip>全局CSS .

浏览 0提问于2020-03-24得票数 3

1回答

如果输入值存在，则角度材质输入占位符颜色更改

angular、angular-material2

我使用的是angular 5和材质5.2。如果字段不为空，我想更改输入字段占位符的颜色。当我专注于字段时，我可以更改颜色，但如果值存在，则无法更改颜色。::ng-deep .mat-form-field-placeholder{ } ::ng-deep .mat-focused .mat-

浏览 12提问于2018-02-19得票数 1

回答已采纳

1回答

是否使用Angular* 7+和Angular材质更改占位符颜色？*

css、angular、angular-material

使用Angular 7+和Angular材质，我希望更改输入字段中占位符文本的颜色。 <mat-form-field class="example-full-width"> <

浏览 5提问于2019-07-08得票数 0

1回答

在鼠标悬停和焦点时更改Mat* Expansion中内容的颜色*

css、angular、material-design

我正在编写css来改变焦点和悬停的文本和箭头指示器的颜色。但是，指示器箭头单独起作用。我希望当你将鼠标悬停在整个面板上时，它会发生变化。目前，箭头指示器仅在您将鼠标悬停在其上时才会更改，基本上是当整个面板具有焦点或悬停时才会更改。将标题和指示器更改为my css：https://stackblitz.com/edit/angular-imycgv?: yellow; .mat-expans

浏览 11提问于2019-06-25得票数 0

回答已采纳

2回答

更改Angular* 9 mat的初始颜色-输入*

css、angular、colors、mat-input

我在一个标准的mat-form-field中有一个标准的matInput字段，它在一个标准的formGroup div中。父区域的背景为深色，输入的默认颜色为深色。这并不能很好地工作。>通过在线查看并根据这里的答案，我了解了如何在.scss中进行更改，如下所示： input { color: #fff !important; }

浏览 12提问于2020-11-17得票数 1

2回答

角6,7如何将默认的主题颜色应用于垫侧背景？

html、css、angular、angular-material

我希望有一个mat-sidenav的背景，与我的mat-toolbar主题的颜色一样。在src\styles.scss中，我有：我的模板/ HTML文件有： <mat-toolbar下面我想要一个mat-sidenav (它将有菜单项)，并且我希望mat-side

浏览 5提问于2019-01-18得票数 8

2回答

如何使用自定义主题更改mat-button中的文本颜色

css、sass、angular-material

在使用这个document时。在尝试更改垫子按钮中的文本颜色时，我在css项目中添加了一个theme.scss。下面是theme.scss代码： @import '~@angular/material/theming';$candy-app-acc

浏览 39提问于2019-03-09得票数 2

1回答

更改所选MatCheckbox的颜色

css、angular-material

当选中某个材质复选框时，我需要更改它的颜色。我需要反转颜色，所以我已经更改了框架： mat-checkbox.inverted-checkbox .mat-checkbox-frame { border-color: white!我尝试这样做： mat-checkbox.inverted-checkbox .mat-checkbox-checked.mat-accent .mat-check

浏览 27提问于2019-10-02得票数 0

18回答

角度-材料更改复选框颜色

angular-material

我使用的是angular-material2 2的复选框。目前，checkbox的默认颜色是紫色。导入语句：柱塞

浏览 12提问于2016-05-20得票数 39

5回答

如何在Angular材质中更改占位符的颜色？

html、css、angular、angular-material

我使用的是Angular 9和Angular材质10.2.0。我的代码是： <mat-form-field> </mat-form-field> 我使用了how to change tex

浏览 40提问于2020-09-10得票数 1

回答已采纳

1回答

有条件地改变垫子的颜色，形成波纹

css、angular、typescript、angular8、mat-form-field

我正在开发一个angular应用程序。我使用mat-form-field，如下所示。当我将鼠标悬停在mat表单域的底线上时，比如将鼠标放在特定表单域的底部时，我想要更改颜色。为此，我起诉了下面的CSS .mat-form-field-ripple {} 默认情况下，它会更改mat表单域底部的颜色。我在这里面临的问题是，我想在其他条件下使

浏览 22提问于2020-07-01得票数 1

11回答

如何在angular4中更改md-input-container的下划线颜色？

angular、material-design、angular-material2

我已经阅读了相关文档()，其中有一节介绍了如何更改md-input-container底部线条的颜色。但我不清楚什么是属性，也没有代码示例可供参考。它说下划线颜色可以使用md-input-container的颜色属性来更改。此外，我所说的下划线是指在所提供的链接中展开的可见的动画下划线。我已经尝试添加一个名为color的指令，在css中更改md-input-container的颜色，以及其他一些东西，但我没有成功。如果有人能解释/展示一些代码来演示这一点，那将

浏览 3提问于2017-07-26得票数 5

3回答

如何更改Angular* 5 material mat中的样式-禁用时选择选定文本*

css、angular、colors、angular-material

当Angular 5材质mat-select设置为disabled时，如何更改显示选定值的文本的字体颜色。目前，它默认为灰色，我想要更改它，以便它显示深蓝色，无论是禁用还是启用。<mat-form-field> <mat-select placeholder="Select a Product" [(ngModel)]="selected" [disabled]="isDisa

浏览 0提问于2018-04-29得票数 2

点击加载更多