فئة CSS لـ combo box المركّز

[Steven]

أنا نادراً ما أضيع في CSS الخاصة بـ Discourse، لكنني لا أستطيع العثور على فئة CSS الخاصة بهذا الحد (الإطار) الأزرق في قائمة الفئات المنسدلة:

أعتقد أنها سطر border: 1px solid $tertiary; ويأتي من هذا الملف: discourse/app/assets/stylesheets/common/select-kit/combo-box.scss at 0431942f3de7c2970ea160fc671b2a5874517c37 · discourse/discourse · GitHub

لكنني حاولت تغيير كل سطر يحتوي على border ولا يزال هذا الحد الأزرق موجوداً في منتدى الاختبار الخاص بي.

أود تغيير لون الحد أو حذفه عند التركيز.

.select-kit {
  &.combo-box {
    .select-kit-header {
      &.is-focused {
        border: 0;
      }
    }
    
    &.is-highlighted {
      .select-kit-header {
        border: 0;
      }
    }

    &.is-expanded {
      .select-kit-wrapper {
        border: 0;
      }
    }
  }
}

أو شيء من هذا القبيل

.select-kit.combo-box .select-kit-header.is-focused {
    border: 0 !important;
}

لكن لا شيء يبدو أنه يعمل معي.

هل يوجد خبير CSS لديه الحل؟ شكراً

[jomaxro (Joshua Rosenfeld)]

أليس هذا هو أبرز ما في المتصفح؟

[smrtey]

يبدو هذا صحيحًا

لكن أعتقد أنه يمكنك إزالته باستخدام

class-name:focus {
   outline: none;
}

أو ربما تحتاج إلى إضافة !important، لكن ما تحتاج إلى تعريفه هو outline وليس border.

[Steven]

شكرًا لك!

الآن فهمت لماذا ظهر فقط في متصفح كروم

لقد أصلحت المشكلة!