DatepickerSelectを同時に使用する
2つのコンポーネントが整列
2つのコントロールが整列していないため、修正するにはDatePickerにverticalAlign: 'middle'
スタイルを追加する必要があります
Select
はvertical-align: middle
、DatePickerは追加するのを忘れているはずです。
これを変更させてください。Selectはvertical-align: middle
はなりません。
vertical-align: middle
を削除]を選択し、デフォルトのvertical-align: baseline
をInput、DatePickerなどと一致させます。vertical-align: baseline
は、Select内の自然な植字テキストに従って配置されます。Select内のプレースホルダーと検索ボックスは絶対に配置される(配置されない)ため、ここでは、SelectTo内に常に存在するテキストを追加するというちょっとしたトリックを使用します。整列します。
.ant-select-selection--single .ant-select-selection__rendered::after {
content: '.';
visibility: hidden;
pointer-events: none;
}
overflow: hidden
.ant-select-selection__rendered
は、テキストの配置に影響します。削除してください。多くのスタイルの詳細が含まれています...
さらに、複数選択選択のsmall/large
スタイルが修正されました。
このスレッドは最近のアクティビティがないため、自動的にロックされています。 関連するバグの新しい問題を開き、このスレッドの関連するコメントにリンクしてください。
最も参考になるコメント
vertical-align: middle
を削除]を選択し、デフォルトのvertical-align: baseline
をInput、DatePickerなどと一致させます。vertical-align: baseline
は、Select内の自然な植字テキストに従って配置されます。Select内のプレースホルダーと検索ボックスは絶対に配置される(配置されない)ため、ここでは、SelectTo内に常に存在するテキストを追加するというちょっとしたトリックを使用します。整列します。overflow: hidden
.ant-select-selection__rendered
は、テキストの配置に影響します。削除してください。多くのスタイルの詳細が含まれています...