Ant-design: Não há alinhamento ao usar Datepicker Select ao mesmo tempo

Select tem vertical-align: middle , DatePicker deveria ter esquecido de adicionar.

Deixe-me mudar isso. Selecione não deve ser vertical-align: middle .

1. Selecione remover vertical-align: middle e mantenha o vertical-align: baseline padrão consistente com entrada, DatePicker, etc.

2. vertical-align: baseline é alinhado de acordo com o texto de composição natural dentro do Select. Como o marcador de posição e a caixa de pesquisa dentro do Select estão absolutamente posicionados (não alinhados), um pequeno truque é usado aqui, adicionando um texto que sempre existe dentro do Select To alinhar.

   .ant-select-selection--single .ant-select-selection__rendered::after {
    content: '.';
    visibility: hidden;
    pointer-events: none;
   }
   

3. .ant-select-selection__rendered de overflow: hidden afetará o alinhamento do texto, remova-o.
4. Após removê-lo, o efeito de reticências de estouro do texto original será destruído e corrigido um a um.
5. Repare posteriormente a caixa de combinação danificada.

Muitos detalhes de estilo estão envolvidos ...

Além disso, o estilo small/large de seleção múltipla é fixo.

Este tópico foi bloqueado automaticamente porque não teve atividades recentes. Abra um novo problema para bugs relacionados e conecte-se a comentários relevantes neste tópico.