اذهب إلى المحتوى

السؤال

نشر

عندى select  بها options  لا توجد بها مشكلات فى التصميم المتجاوب لجميع الشاشات ما عدا مقياس 

 @media (min-width: 1200px)  {       /*big screen */

{

هنا تظهر المشكلة ولا يتناسب عرض الـ option  مع عرض الـ select  حيث يظهر الاول أكبر 

كيف استطيع التحكم فى عرض الـ option  لتناسب مع الـ select  الحاوي له ؟

Recommended Posts

  • 0
نشر

يمكنك تعديل عرض الوسم option من خلال الخاصية width بهذه الطريقة 

 option {
    width: 50px;
}

أو لتحكم في أحد وسوم option يمكنك إستخدام selector فمثلاً لو استخدمنا first-child هنا سوف يتم تحديد option الأول 

option:first-child {
  width: 250px;
}

أو لتحكم في أي وسم من وسوم option يمكنك استخدام nth-of-type ، فهنا الخيار الثاني سوف يظهر بخلفية حمراء وعرض 250

option:nth-of-type(2) {
  background: red;
  width: 250px;
}

تأكد من الوصول جيداً للوسم option عند كتابة التنسيقات .

في حال كانت هذه المشكلة لديك يمكنك معالجتها بهذه الطريقة وفي حال لم تعالج يمكنك إرفاق الشيفرة التي تتوقع بها المشكلة لرؤيتها ومحاولة معالجتها لك 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...