如何为 HTML5 日历应用自定义颜色？ [复制]

Posted 2023-05-07

【中文标题】如何为 HTML5 日历应用自定义颜色？ [复制]

【英文标题】：How to apply custom color for HTML5 calender? [duplicate]

【发布时间】：2014-12-27 15:03:02

【问题描述】：

我正在设计一个 Web 应用程序表单。我正在使用 html5 日历元素。它现在工作正常。但我的项目要求是，我需要更改 HTML5 日历的内部颜色，如下图所示。

我在输出中得到了什么

![在此处输入图片描述][1]

所需输出

![在此处输入图片描述][2]

谁能帮帮我

注意：我只需要使用 HTML5 日历元素（<input type="date" name="date">）

【问题讨论】：

你试过什么？你能用你拥有的代码制作一个 jsfiddle 或其他东西吗？顺便说一句，它是一个元素，而不是一个属性。

谢谢@MrLister。我修改了代码，这里的jsfiddel喜欢（jsfiddle.net/yugi47/shqpkg4j/1）。

@Nick 它将仅在输入元素上应用样式，但不在下拉内容下方。我的问题是如何在日期下拉元素上应用样式。

@yugi 答案仍然是否定的，即使另一个问题证明了可以改变的事情。

【参考方案1】：

我认为 Webkit 不允许这样做。看看这里：

http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controls/