عنصر نائب لحقول القوائم المنسدلة في صفحة التسجيل يتعارض مع نص (اختر خيارًا) على الهاتف المحمول

لقد ذهبت للتو لاختبار عملية التسجيل لدينا عبر الهاتف المحمول تحسباً لعدد كبير من عمليات التسجيل هذا الأسبوع.

على الهاتف المحمول، يتم عرض اسم الحقل في حقول القائمة المنسدلة فوق نص (select an option):

أعتقد أنه من المفترض وضعه أعلى ببضع بكسلات لإبعاده عن الطريق مثل هذا:

لسوء الحظ، يؤدي هذا أيضًا إلى حجب الخيارات التي يختارها المستخدم، مما يجعل التسجيل عبر الهاتف المحمول تجربة محرجة للغاية عندما يكون لديك العديد من الحقول المخصصة للمستخدم.

هذا هو الحال مع إيقاف تشغيل جميع السمات/المكونات.

إليك رقعة CSS التي ساعدتني:

// إصلاح مؤقت لتسميات القائمة المنسدلة والاختيار المتعدد
.create-account #login-form .input-group .user-field.dropdown label.control-label.alt-placeholder {
    top:-8px!important;
}
.create-account #login-form .input-group .user-field.multiselect label.control-label.alt-placeholder {
    top:-8px!important;
}
إعجابَين (2)