مثال
اختيار وأسلوب حقل الإدخال عندما يحصل على التركيز:
input:focus
{
background-color: yellow;
}
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف واستخدام
يستخدم تركيز محدد لتحديد العنصر الذي عليه التركيز: و.
Tip: لا يسمح تركيز محدد على العناصر التي تقبل أحداث لوحة المفاتيح أو غيرها من المدخلات المستخدم: و.
| الإصدار: | CSS2 |
|---|
دعم المتصفح
الأرقام في الجدول تحدد أول إصدار المستعرض الذي يدعم بشكل كامل محدد.
| منتخب | |||||
|---|---|---|---|---|---|
| :focus | 4.0 | ثمانية | 2.0 | 3.1 | 9.6 |
Note: ل: التركيز على العمل في IE8، و <! DOCTYPE> يجب أن يعلن.
CSS بناء الجملة
مزيد من الأمثلة
مثال
عندما <input type="text"> يحصل على التركيز، وتغيير تدريجيا عرض من 100px 250px إلى:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
} انها محاولة لنفسك » صفحات ذات صلة
درس CSS: الطبقات المغلق الزائفة