如何更改 <input matInput type="time" step="1" /> 时间选择器所选时间的颜色？答案

【问题标题】：How do I change the color of the selected time of <input matInput type="time" step="1" /> time picker?如何更改 <input matInput type="time" step="1" /> 时间选择器所选时间的颜色？
【发布时间】：2022-03-05 14:53:48
【问题描述】：

我在 Angular 9 应用程序中使用下面的代码作为时间选择器。我需要更改所选时间的颜色（亮蓝色）。我怎样才能做到这一点？

<input matInput type="time" step="1" value]="value"/>

【问题讨论】：

你不能。输入的样式由浏览器设置。尽管在 Chrome 91 中，您可以为 accent-color 启用一个标志，您可以使用它来更改（某些）输入的默认颜色。

标签： javascript css angular typescript angular-material

【解决方案1】：

我没有找到更改为自定义颜色的解决方案，但是将<meta name="color-scheme" content="dark light"> 放入index.html 可以解决暗模式

【讨论】：