如何更改 Chrome 原生日期时间选择器的蓝色?

Posted

技术标签:

【中文标题】如何更改 Chrome 原生日期时间选择器的蓝色?【英文标题】:How to change the blue color of Chrome's native date time picker? 【发布时间】:2022-01-15 15:09:21 【问题描述】:

对于 Chrome 中的原生日期时间选择器,如何使用 css 更改这些蓝色按钮、蓝色文本和蓝色日历日期指示器的颜色?

【问题讨论】:

不使用?您必须创建一个“自定义” 这能回答你的问题吗? Are there any style options for the html5 Date picker? 不,它只会更改输入元素,但不会更改实际日期选择器对话框中的任何内容。 【参考方案1】:

简而言之,你不能。这可能因浏览器而异,并非特定于 Chrome。

建议使用 javascript 从头开始​​构建一个,或者最好的方法是使用库来实现日期时间选择器并像 Material UI https://mui.com/components/date-time-picker/ 那样自定义它们

【讨论】:

以上是关于如何更改 Chrome 原生日期时间选择器的蓝色?的主要内容,如果未能解决你的问题,请参考以下文章

Chrome 建议 Angular Material 日期选择器的密码

如何更改 WPF 日期选择器的图标?

如何使用更改事件更改启用日期时间选择器的小时数?

如何更改日期范围选择器的日期格式?

为 html5 原生日期选择器设置日历样式

如何在颤动中更改显示日期选择器的语言