删除 vaadin-date-picker 元素上方的空 space

Question

我想删除 vaadin-date-picker 元素上方的空 space。

我知道它使用了一些 mixins，但是你能帮我写代码来将显示更改为 "none" 吗？

Answer 1

为了以后的搜索和想知道如何完全隐藏标签以使其高度不那么高的每个人。

需要编辑 mixin --paper-font-caption。 Vaadin-date-picker 正在使用 paper-input-container，它只应用了 1 个 mixin，它是 --paper-font-caption。

因此此解决方案适用于使用 paper-input 或 paper-input-container 的所有元素。

示例：

vaadin-date-picker {
  --paper-font-caption: {
    display: none;
  }
  --paper-input-container: {
    padding-top: 0px;
  }
}

注意 - 此解决方案将来可能不起作用。这没有写在文档中的任何地方。我只是在代码中找到它。

如果以后有人发现这不起作用，我可以编辑它并制定另一个解决方案

Removing empty space above vaadin-date-picker element