删除vaadin-date-picker元素上方的空白区域

Question

我想删除vaadin-date-picker元素上方的空白区域。

我知道它使用了一些mixins，但你可以帮我用代码将显示更改为＆＃34; none＆＃34;？

以下是其文档： https://vaadin.com/elements/-/element/vaadin-date-picker#docs

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;
  }
}

请注意 - 此解决方案将来可能无效。这不是在文档中的任何地方写的。我刚刚在代码中找到它。

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