19
0

کروم نسخه ۴ از ویژگی placeholder در عناصر input[type=text] پشتیبانی می‌کنه (احتمالاً مرورگرهای دیگه هم همینطور).

با این حال، CSS زیر تاثیری روی مقدار placeholder نمی‌ذاره:

input[placeholder], [placeholder], *[placeholder] {
    color: red !important;
}
<input type="text" placeholder="Value">

مقدار هنوز خاکستری می‌مونه به جای قرمز.

آیا راهی برای تغییر رنگ متن placeholder وجود داره؟

0
پاسخ کاربردی
/* کد های پایین رو توی یک گروه قرار نده */
*::-webkit-input-placeholder {
    color: red;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: red;
    opacity: 1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: red;
    opacity: 1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: red;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: red;
}
*::placeholder {
    /* modern browser */
    color: red;
}
<input placeholder="hello"/> <br />
<textarea placeholder="hello"></textarea>

این روش برای استایل دادن به همه‌ی placeholderهای input و textarea هست.

نکته مهم: این قوانین رو گروه‌بندی نکنید. به جای اون، برای هر انتخاب‌گر یک قانون جداگانه بنویسید (یک انتخاب‌گر نادرست در یک گروه باعث می‌شه که کل گروه نادرست بشه).

ارسال پاسخ به سوال بالا

برای ارسال پاسخ باید وارد اکانتت بشی

اگر پاسخت شامل تکه کدی میشه، از منوی ویرایشگر پایین، تکه کدی که نوشتی رو انتخاب کن و بعد از طریق زبان کدی که نوشتی رو انتخاب کن تا کدت داخل بلاک مخصوص زبان خودش قرار بگیره و کدت خواناتر برای بقیه نشون داده بشه

اگه پاسخت رفرنسی داره، لینک رفرنس رو هم بذار تا پاسختت کاملتر و معتبر تر بشه