У овом приручнику ћемо објаснити различите методе за промену боје чувара места за унос помоћу ЦСС-а.
Метод 1: Промените боју чувара места за унос помоћу селектора „::плацехолдер“.
ЦСС “ ::плацехолдер ” селектор се користи за избор елемената обрасца са текстом чувара места. Може се користити за промену текста чувара места. Поред тога, можете користити овај бирач да измените боју чувара места за унос.
Синтакса
Синтакса ::плацехолдера је следећа:
:: чувар места {
боја : вредност
}
На месту „ вредност “, можете подесити боју чувара места за унос према нашем избору.
Пређимо на практични пример, где ћемо променити боју чувара места за унос.
Пример
Да бисмо променили боју чувара места за унос, прво ћемо креирати елемент уноса помоћу ознаке <инпут> и поставити тип уноса као „ текст ”. Затим поставите текст чувара места за унос као „ Ентер твоје име ”.
ХТМЛ
< тело >< улазни тип = 'текст' чувар места = 'Унесите своје име' >
< / тело >
Излаз датог кода је:
Подразумевана боја чувара места за унос приказана је на горњој слици.
Сада прелазимо на ЦСС и користимо „ ::плацехолдер ” да бисте приступили тексту чувара места за унос и поставили његову боју као „ ргб(17, 0, 255) ”.
ЦСС
:: чувар места {боја : ргб ( 17 , 0 , 255 ) ;
}
Као што видите, боја додатог чувара места за унос је промењена у плаву:
Постоји још један начин да промените боју чувара места за унос. Хајде да проверимо.
Метод 2: Промените боју чувара места за унос помоћу елемента псеудо-класе „::-вебкит-инпут-плацехолдер“
“ :: – вебкит-инпут-плацехолдер ” елемент псеудо-класе првенствено представља текст чувара места елемента обрасца. Могу га користити дизајнери тема и програмери да би прилагодили изглед текста чувара места. Поред тога, коришћењем наведеног елемента корисник може да измени боју чувара места за унос.
Синтакса
Синтакса ::-вебкит-инпут-плацехолдер је дата као:
:: -вебкит-инпут-плацехолдер {боја : вредност
}
На месту „ вредност “, можете подесити боју чувара места за унос.
Пређимо на пример да бисмо разумели елемент псеудо-класе о коме смо горе говорили.
Пример
У ЦСС датотеци користите „ ::-вебкит-инпут-плацехолдер ” елемент псеудо-класе и доделите вредност боје као „ ргб(255, 13, 13) ”:
:::: -вебкит-инпут-плацехолдер {боја : ргб ( 255 , 13 , 13 ) ;
}
Излаз
Овде можете видети да је подразумевана боја чувара места за унос промењена.
Закључак
Боја чувара места за унос се мења коришћењем „ ::плацехолдер ” бирач и “ :: – вебкит-инпут-плацехолдер ” елемент псеудокласе. Користећи ово, можете променити подразумевану боју чувара места за унос. У овом чланку смо објаснили процедуру која се односи на промену боје чувара места за унос помоћу ЦСС својстава.