19
0
0
کروم نسخه ۴ از ویژگی placeholder در عناصر input[type=text] پشتیبانی میکنه (احتمالاً مرورگرهای دیگه هم همینطور).
با این حال، CSS زیر تاثیری روی مقدار placeholder نمیذاره:
input[placeholder], [placeholder], *[placeholder] {
color: red !important;
}
<input type="text" placeholder="Value">
مقدار هنوز خاکستری میمونه به جای قرمز.
آیا راهی برای تغییر رنگ متن placeholder وجود داره؟
0
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 هست.
نکته مهم: این قوانین رو گروهبندی نکنید. به جای اون، برای هر انتخابگر یک قانون جداگانه بنویسید (یک انتخابگر نادرست در یک گروه باعث میشه که کل گروه نادرست بشه).
ارسال پاسخ به سوال بالا