Html 更改垫子输入的涟漪 colored颜色

发布于01月11日

我已经为如何手动更改<mat-input>元素的涟漪 colored颜色而苦苦挣扎了一段时间，但我似乎无法以任何方式让它发挥作用.

<input matInput
       type="number"
       (keydown)="updateManualPage(1)"
       placeholder="Filter"
       formControlName="filterParam1">

我已经try 了在css，.mat-form-field-underline,.mat-form-field-ripple中我能想到的所有方法，包括我厚颜无耻地从另一个问题/答案中提取的一大块类，使用::after和::before Select 器，试图使用::ng-deep,!important，但似乎没有改变从@import "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css";导入的蓝色涟漪的 colored颜色 .

编辑:只要仔细阅读API就可以了，所以我发现出现在波纹之后的边框 colored颜色来自<mat-form-field>元素，它有一个 colored颜色 Select 器.但是，该 colored颜色 Select 器只能具有"primary"、"accent"和"warn"值.所以现在我想知道如何插入自定义 colored颜色 .

.custom-ripple .mat-f或m-field.mat-focused .mat-f或m-field-label { col或: red !imp或tant; } .custom-ripple .mat-f或m-field.mat-focused .mat-f或m-field-ripple { background-col或: red !imp或tant; }

<div class="custom-ripple"> <mat-f或m-field appearance="fill"> <mat-label>Outline f或m field</mat-label> <mat-icon matSuffix>sentiment_very_satisfied</mat-icon> <input matInput placeholder="Fav或ite food" value="Sushi" /> </mat-f或m-field> </div> <app-f或m-field></app-f或m-field>

Html 更改垫子输入的涟漪 colored颜色

推荐答案

Html相关问答推荐

禁用与行分开的边框折叠span

如何从卷轴中排除粘性元素？

如何将CSS滤镜仅应用于背景图像

水平卷轴的内容保持堆叠

使用Cypress循环遍历不一致的父对象

使用`<；use>；`与`<；img>；`时呈现的SVG大小不同

在Vue 3中使用v-Bind将计算(computed)属性传递给css url()

将导航项目底部边框与导航栏对齐

为什么我得不到有错误的字段？迈克尔·哈特尔教程.7.3.3

如何使用*ngFor将模板从父级传递到子级

布局更改时的转换

四开：如何右对齐 PDF 和 HTML 中的文本

使用 Thymeleaf 将图像水平居中

我真的需要一个容器来让行和列正常工作吗？ ( bootstrap 程序 v5)

Django 如何从文件系统下载文件？

您如何动态更改 Vue 中更高级别的标签的 CSS

如何使我的设计适合与我的框架尺寸不同的视口？

如何创建带有偏移边框线的双色边框？

样式不适用于来自 tailwindcss 的网络

无法使用 Reactjs 多次更新本地存储