pseudo-class :focus CSS

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

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

مثال

مثال 1

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

input:focus {
  رنگ پس‌زمینه: زرد;
}

آزمایش کنید

مثال 2

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

input:focus {
  رنگ پس‌زمینه: زرد;
  عرض: 250px;
}

آزمایش کنید

زبان CSS

:focus {
  اظلاعات css;
}

جزئیات فنی

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

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

صفحات مرتبط

مقدمه:پseudo-class CSS