کلاس پنهان :focus-visible CSS

تعریف و استفاده

CSS :focus-visible کلاس‌های پنهان برای استفاده در حالت‌های فокус فقط از طریق صفحه‌کلید و نه از طریق ماوس، مشخص شود.

این می‌تواند با :focus با ترکیب، استایل‌های مختلفی برای فокус‌های صفحه‌کلید و ماوس/ لمسی ایجاد کنید.

مثال

نوع و تنظیمات استایل برای دکمه‌هایی که با استفاده از کلید Tab از طریق صفحه‌کلید فокус می‌شوند را انتخاب کنید:

button:focus-visible {
  outline: 2px solid red;
}

آزمایش کنید

زبان CSS

:focus-visible {
  بررسی‌های CSS;
}

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نسخه‌ای اولیه مرورگرها را که از این کلاس فرانت‌سیس پشتیبانی می‌کنند، مشخص می‌کنند.

صفحات مرتبط

آموزش:pseudo-class CSS

منبع:پseudo-class :focus CSS