چگونه رنگ جایگزین را تغییر دهیم

چگونه رنگ جایگزین را تغییر دهیم

مرحله اول - اضافه کردن HTML:

از عنصر ورودی استفاده کنید و placeholder ویژگی:

<input type="text" placeholder="A red placeholder text..">

مرحله دوم - اضافه کردن CSS:

در اکثر مرورگرها، متن جایگزین خاکستری است. برای تغییر این تنظیم، از ::placeholder انتخابگر برای تنظیم استایل جایگزین استفاده می‌کنیم.

لطفاً توجه داشته باشید که Firefox شفافیت پایین‌تری برای جایگزین‌ها اضافه کرده است، بنابراین ما از شفافیت: 1 این مشکل را حل کنید.

::placeholder {
  رنگ: قرمز;
  شفافیت: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  رنگ: قرمز;
{}

آموزش خود را شروع کنید

صفحات مرتبط

منابع مرجع:انتخاب‌گر ::placeholder CSS