css - 如何在日用品之间设置更大的空间？

Question

将 datetimepicker 4.17.47 添加到我的 jquery 3.4/bootstrap 4.6 项目中，我发现日项目之间的空间非常狭窄：https ://prnt.sc/1r3r909

打开 bootstrap-datetimepicker.min.css 文件，我找到并添加了下一个类：

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
  padding: 4px !important; // I added this property
}

之后日项目之间的空间变得很好，但时间选择的区域超过了日项目之间的空间：https ://prnt.sc/1r3roq6

并且无法在浏览器的控制台下拉选择器中打开此设计，我尝试并未能将更多宽度设置为天数块......

那怎么办？

谢谢！

标签： cssbootstrap-datetimepicker

Answer 1

我发现手动修改类的决定：

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  padding: 4px !important;
  width: 20px
}


.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  border: 2px dotted red !important;
  min-width: 39em !important;
}

它有帮助！