استخدم Datepicker Select في نفس الوقت
مكونان محاذيان
لم يتم محاذاة عنصري التحكم ، تحتاج إلى إضافة نمط verticalAlign: 'middle'
في منتقي التاريخ لإصلاحه
Select
لديه vertical-align: middle
، من المفترض أن ينسى منتقي التاريخ الإضافة.
دعني أغير هذا ، التحديد يجب ألا يكون vertical-align: middle
.
vertical-align: middle
واحتفظ بالقيمة الافتراضية vertical-align: baseline
متسقة مع الإدخال ، ومنتقي التاريخ ، وما إلى ذلك.تمت محاذاة vertical-align: baseline
وفقًا لنص التنضيد الطبيعي داخل Select. نظرًا لتوضع العنصر النائب ومربع البحث داخل Select تمامًا (بدون محاذاة) ، يتم استخدام خدعة صغيرة هنا ، عن طريق إضافة نص موجود دائمًا داخل Select To محاذاة.
.ant-select-selection--single .ant-select-selection__rendered::after {
content: '.';
visibility: hidden;
pointer-events: none;
}
.ant-select-selection__rendered
الخاص بـ overflow: hidden
على محاذاة النص ، قم بإزالته.يتم تضمين الكثير من تفاصيل الأسلوب ...
بالإضافة إلى ذلك ، تم إصلاح نمط التحديد المتعدد small/large
.
تم إقفال هذا الموضوع تلقائيًا لأنه لم يكن به نشاط حديث. الرجاء فتح مشكلة جديدة للأخطاء ذات الصلة والربط بالتعليقات ذات الصلة في هذا الموضوع.
التعليق الأكثر فائدة
vertical-align: middle
واحتفظ بالقيمة الافتراضيةvertical-align: baseline
متسقة مع الإدخال ، ومنتقي التاريخ ، وما إلى ذلك.تمت محاذاة
vertical-align: baseline
وفقًا لنص التنضيد الطبيعي داخل Select. نظرًا لتوضع العنصر النائب ومربع البحث داخل Select تمامًا (بدون محاذاة) ، يتم استخدام خدعة صغيرة هنا ، عن طريق إضافة نص موجود دائمًا داخل Select To محاذاة..ant-select-selection__rendered
الخاص بـoverflow: hidden
على محاذاة النص ، قم بإزالته.يتم تضمين الكثير من تفاصيل الأسلوب ...