如何设置 HTML5 输入类型 =“datetime-local”的样式 [重复]

Question

我想设置 input type="datetime-local" 的日历部分的样式。如果您参考此链接，您将知道我在说什么。

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

为了选择日期，提供了一个箭头。现在日历弹出。我需要设计它。例如更改文本的颜色、日历的背景颜色。

知道怎么做吗？我在网上搜索时没有看到任何文档。

Answer 1

你可以在这里使用 Jquery UI 链接https://jqueryui.com/datepicker/

并像设置表格样式一样设置样式，请参见 fiddle 示例： https://jsfiddle.net/DIRTY_SMITH/rupbwpx0/

HTML 和 JQuery

  <p>Date: <input type="text" id="datepicker"></p>
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>

CSS

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