2017-04-25 76 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;} –