Hi Simon,
Greetings from Syncfusion support.
We checked your query. You can override the default color of placeholder or make the text to be bold using the below CSS code.
/* To change the color of the placeholder text */
|
.e-ddl.e-input-group input.e-input::placeholder {
color: red;
} |
/* To make the placeholder text bold /*
|
.e-ddl.e-input-group input.e-input::placeholder {
font-weight: bold;
} |
Please find the UG documentation link for CSS customization.
If you are using float label property, then use the below CSS code for customizing the placeholder color and make the text to be bold.
|
.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
color: red;
} |
/* To make the placeholder text bold /*
|
.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top), .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
font-weight: bold;
} |
Kindly get back to us for further assistance.
Regards,
Sevvandhi N
