2017-04-25 77 views
0

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

我知道它使用了一些mixins,但是你能否帮我用代码将显示更改为“无”?

下面是它的文档: https://vaadin.com/elements/-/element/vaadin-date-picker#docs

enter image description here

+0

porpably我不明白这一点。你想做什么?如果你不想显示标签,那么设置'label =“”' –

+0

我更新了帖子。我的意思是在这个vaadin-date-picker元素之上的占位符。 –

+1

我发现有点反对聚合物,因为这不是说在元素的文档中的任何地方,但我发现在代码中,你可以设置显示:没有混入'--paper-font-caption'。所以: 'vaadin-date-picker {0} - 纸张字体标题:{ display:none; } }' 我不知道如果这是你要找的 –

回答

1

对于未来的搜索,为大家想知道如何完全隐藏标签,所以不会有这么大的高度。

需要编辑mixin - 纸张字体标题。 Vaadin-date-picker正在使用paper-input-container,其中只应用了1个mixin,它的编号为--paper-font-caption

所以这个解决方案适用于使用paper-inputpaper-input-container所有元素。

例如:

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

当心 - 该解决方案可能不会在今后的工作。这不是写在任何文档或其他地方。我只是在代码中找到它。

如果有人在未来开创这是行不通的,我可以编辑此做出另一种解决方案

+0

请问您还可以在答案中加上:--paper-input-container:{padding-top:0px;} –