css - 使用 HTML5 的客户跨平台日期选择器

Question

我在 HTML 5 中使用日期输入类型并想自定义外观，我发现了一堆代码，但它们似乎都是 Webkit 伪元素，这意味着它们只能与 Chrome 等 Webkit 浏览器一起使用。

::-webkit-datetime-edit
::-webkit-datetime-edit-fields-wrapper 
::-webkit-datetime-edit-text 
::-webkit-datetime-edit-month-field 
::-webkit-datetime-edit-day-field 
::-webkit-datetime-edit-year-field  
::-webkit-inner-spin-button 
::-webkit-calendar-picker-indicator 

它们是我发现的伪元素元素（还没有真正检查它是否是一个完整的列表）。

现在我的问题是，如何为日期输入跨平台制作自定义样式？IE、Firefox 和 Opera 等浏览器是否有自己的伪元素来实现这种自定义？

谢谢您的帮助。

Answer 1

我建议使用 jQuery UI 的 datepicker。它需要 JavaScript/jQuery，但安装起来非常简单，并且在所有平台上都能很好地工作，甚至在移动设备上也是如此。在这里查看：http: //jqueryui.com/datepicker/