关于html:如何设置HTML5输入类型的样式=“ datetime-local”

How to style HTML5 input type=“datetime-local”

本问题已经有最佳答案,请猛点这里访问。

我想设置输入类型=" datetime-local"的日历部分的样式。 如果您引用此链接,您将了解我在说什么。

http://test.csswg.org/suites/css-transforms-1_dev/nightly-unstable/html/transform-input-013.htm

为了选择日期,提供了一个箭头。 现在,压光机弹出。 我渴望为它定型。 例如,更改文本的颜色,日历的背景颜色。

任何想法如何做到这一点? 我在网上搜索时没有看到任何文档。


您可以在此处使用Jquery UI链接https://jqueryui.com/datepicker/

对其进行样式设置,就像对表格进行样式设置一样,请参见小提琴示例:
https://jsfiddle.net/DIRTY_SMITH/rupbwpx0/

HTML和JQuery

1
2
3
4
5
6
7
  <p>
Date: <input type="text" id="datepicker">
</p>
 
  $(function() {
    $("#datepicker" ).datepicker();
  });

的CSS

1
2
td{background-color: lightblue;}
thead{background-color: lightgreen;}