pseudo-class :focus CSS

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

CSS :focus pseudo-class برای انتخاب و تنظیم استایل عناصر تمرکز گرفته شده استفاده می‌شود.

مثال

مثال 1

انتخاب و تنظیم استایل فیلد ورودی وقتی که تمرکز می‌گیرد:

input:focus {
  background-color: yellow;
}

آزمایش کنید

مثال 2

وقتی که فیلد ورودی تمرکز می‌گیرد، رنگ پس‌زمینه و عرض را تغییر دهید:

input:focus {
  background-color: yellow;
  width: 250px;
}

آزمایش کنید

نحوه نوشتن CSS

:focus {
  css declarations;
}

جزئیات فنی

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که پشتیبانی کامل از این پseudo-class را دارد.

صفحات مرتبط

تدریس:CSS شیمپ