Ant-design: Bei gleichzeitiger Verwendung von Datepicker Select erfolgt keine Ausrichtung

Select hat vertical-align: middle , DatePicker hätte vergessen sollen, etwas hinzuzufügen.

Lassen Sie mich dies ändern. Select sollte nicht vertical-align: middle .

1. Wählen Sie entfernen vertical-align: middle und behalten Sie die Standardeinstellung vertical-align: baseline bei, die mit Input, DatePicker usw. übereinstimmt.

2. vertical-align: baseline wird gemäß dem natürlich gesetzten Text in Select ausgerichtet. Da der Platzhalter und das Suchfeld in Select absolut positioniert (nicht ausgerichtet) sind, wird hier ein kleiner Trick verwendet, indem ein Text hinzugefügt wird, der immer in Select To vorhanden ist ausrichten.

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

3. .ant-select-selection__rendered von overflow: hidden wirken sich auf die Textausrichtung aus. Entfernen Sie sie.
4. Nach dem Entfernen wird der Ellipseneffekt des ursprünglichen Textüberlaufs zerstört und nacheinander korrigiert.
5. Reparieren Sie die beschädigte Combobox weiter.

Viele Stildetails sind involviert ...

Darüber hinaus ist der small/large -Stil der Mehrfachauswahl festgelegt.

Dieser Thread wurde automatisch gesperrt, da er keine letzten Aktivitäten hatte. Bitte öffnen Sie eine neue Ausgabe für verwandte Fehler und verlinken Sie auf relevante Kommentare in diesem Thread.