الظل :focus-visible في CSS

التعريف والاستخدام

CSS :focus-visible الظل يستخدم ل تطبيق أنماط التركيز عند التركيز من خلال لوحة المفاتيح فقط، وليس عند التركيز باستخدام الفأرة.

يمكن استخدامها مع :focus استخدامها معًا، لإنشاء أنماط فوكس مختلفة للنقر بالفأرة واللمس:

مثال

اختر وإعدادات النمط للزر الذي يتم فتحه عن طريق مفتاح Tab على لوحة المفاتيح:

button:focus-visible {
  الخطوط الخارجية: 2 بكسل منحدر أحمر;
}

جربها بنفسك

نصاعة CSS

:focus-visible {
  استخدامات css;
}

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذا الظل.

الصفحات ذات الصلة

دروس:الصيغ المزيفة CSS

المرجع:الصيغة المزيفة :focus CSS