vaadin-date-picker要素の上の空白を削除します。vaadin-date-picker要素の上の空白を削除する
私はいくつかのミックスインを使用していることを知っていますが、表示を「none」に変更するコードを教えてください。将来の検索のために、それはとても大きく、高さを持っていないので、完全にラベルを非表示にする方法を疑問に皆のための https://vaadin.com/elements/-/element/vaadin-date-picker#docs
vaadin-date-picker要素の上の空白を削除します。vaadin-date-picker要素の上の空白を削除する
私はいくつかのミックスインを使用していることを知っていますが、表示を「none」に変更するコードを教えてください。将来の検索のために、それはとても大きく、高さを持っていないので、完全にラベルを非表示にする方法を疑問に皆のための https://vaadin.com/elements/-/element/vaadin-date-picker#docs
:
は、ここでそのドキュメントです。
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別ソリューション
あなたも追加してください: - ペーパー入力容器:{パディングトップ:0px;}答えに? –
を作ることができます。あなたは何をしたいですか?もしあなたがラベルを表示したくないなら、 'label =" "' –
私は投稿を更新しました。私はこのvaadin-date-picker要素の上にあるプレースホルダーを意味します。 –
私が知ったのはポリマーに対するもので、これは要素のドキュメントのどこにも書かれていないので、コードではdisplay:noneをmixin '--paper-font-caption'に設定することができます。したがって: 'vaadin-date-picker { --paper-font-caption:{ ディスプレイ:なし; } } ' これはあなたが探していたものかどうかわかりません –