كيف - تغيير لون العنصر النائب
تعرف على كيفية تغيير لون سمة العنصر النائب باستخدام CSS.
لون العنصر النائب
الخطوة 1) أضف HTML:
استخدم عنصر إدخال وأضف سمة العنصر النائب:
مثال
<input type="text" placeholder="A red placeholder text..">
الخطوة 2) أضف CSS:
في معظم المتصفحات ، يكون نص العنصر النائب باللون الرمادي. لتغيير هذا ، قم بتصميم العنصر النائب باستخدام ::placeholder
المحدد غير القياسي. لاحظ أن Firefox يضيف تعتيمًا أقل للعنصر النائب ، لذلك نستخدم opacity:
1 لإصلاح ذلك.
مثال
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
نصيحة: اقرأ المزيد عن :: placeholder selector في CSS Reference: CSS :: placeholder Property .