Bootstrap 5: Placeholder

dakata__92

Super Moderator
Здравейте. Имам input полета съдържащи атрибут placeholder="Някакъв текст.".
Как мога да приложа клас върху тези полета и той автоматично да добавя накрая на текста звезда с цвят червен.

.placeholder-required {}
 

joTunkiq

Registered
Това преди години ми трябваше, но тогава нямаше таква възможност да добавяш текст със цсс към плейсходъра(мисля че и все още няма);
Аз го правих с js да добавя някаря да хваща всички полета с клас като твоя + атрибут required, за да е по-сигурно - пример:
JavaScript:
$("[required].placeholder-required")
или другия вариант, който се сещам е звездата с червен цвят да е винаги горе в ляво и да се добавя с ::before елемент. Или пък да е до/пред името на инпута, няма смисъл да е в placeholder-a, при положение че само на звездата няма да може да се сложи цвят и съответно ще се загуби.
 

Горе