العنصر ::placeholder
< CSS
العنصر الزائف ::placeholder
في CSS (أي pseudo-element) يُمثِّل النص البديل في أحد عناصر النماذج <form>
:
::placeholder {
color: blue;
font-size: 1.5em;
}
الشكل العام لهذا المحدد:
::placeholder
لا يسمَح إلا باستخدام مجموعة جزئية من خاصيات CSS التي يمكن تطبيقها على العنصر الزائف ::first-line
.
أمثلة
مثال عن استخدام هذا العنصر الزائف لتنسيق النص البديل المعروض في عنصر <input>
:
<input placeholder="اكتب شيئًا هنا">
شيفرة CSS:
input::placeholder {
color: red;
font-size: 1.2em;
font-style: italic;
}
دعم المتصفحات
الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
الدعم الأساسي | 57.0 | 51.0 | غير مدعومة | 44 | 10.1 |
دعم جزئي مع سابقة | مدعومة | مدعومة | 10 (مع السابقة -ms- )
|
مدعومة | 5 (مع السابقة -webkit- )
|
انظر أيضًا
- صفحة الصنف الزائف
placeholder-shown:
الذي يُمثِّل أي عنصر<input>
أو<textarea>
الذي يُظهِر نصًا بديلًا (placeholder text).
مصادر ومواصفات
- مسودة CSS Pseudo-Elements Level 4.