2017-04-25 10 views
0

vaadin-date-picker要素の上の空白を削除します。vaadin-date-picker要素の上の空白を削除する

私はいくつかのミックスインを使用していることを知っていますが、表示を「none」に変更するコードを教えてください。将来の検索のために、それはとても大きく、高さを持っていないので、完全にラベルを非表示にする方法を疑問に皆のための https://vaadin.com/elements/-/element/vaadin-date-picker#docs

enter image description here

+0

を作ることができます。あなたは何をしたいですか?もしあなたがラベルを表示したくないなら、 'label =" "' –

+0

私は投稿を更新しました。私はこのvaadin-date-picker要素の上にあるプレースホルダーを意味します。 –

+1

私が知ったのはポリマーに対するもので、これは要素のドキュメントのどこにも書かれていないので、コードではdisplay:noneをmixin '--paper-font-caption'に設定することができます。したがって: 'vaadin-date-picker { --paper-font-caption:{ ディスプレイ:なし; } } ' これはあなたが探していたものかどうかわかりません –

答えて

1

は、ここでそのドキュメントです。

mixin --paper-font-captionを編集する必要があります。 Vaadin-date-pickerは、適用されるmixinが1つのみで、--paper-font-captionであるpaper-input-containerを使用しています。

このソリューションは、paper-inputまたはpaper-input-containerを使用するすべての要素で機能します。

例:

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

に注意 - このソリューションは、将来的に動作しない可能性があります。これはドキュメンテーションなどのどこにも書かれていません。私はちょうどコードでそれを見つけた。将来的に誰もが、これは動作しない場合は創設

、私はこれを編集し、私はそれを得ることはありませんporpably別ソリューション

+0

あなたも追加してください: - ペーパー入力容器:{パディングトップ:0px;}答えに? –

関連する問題