Change Placeholder Color

[Shannon]

Hello,

The example given in documentation is not working  - using version 20.1.0.57.  Ultimately I am trying to get the placeholder to be red.

Style and appearance in Blazor TextBox Component | Syncfusion

/* To specify font size and color */
.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text {
        color: #343a40;
        font-size: 15px;
}

[Buvana Sathasivam]

Hi Shannon,

Greetings from Syncfusion support.

We can change the placeholder color with the help of the below style code.

<style>

 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

 

        color: red !important;

 

        opacity: 1; /* Firefox */

 

    }

 

 

 

    :-ms-input-placeholder { /* Internet Explorer 10-11 */

 

        color: red !important;

 

    }

 

 

 

    ::-ms-input-placeholder { /* Microsoft Edge */

 

        color: red !important;

 

    }

</style>

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionBlazorApp4_TestBootstrapRow_(2)1774967729

Regards,

Buvana S

[Shannon]

thank you ! 

[Sureshkumar P]

Hi Shannon,

Thanks for your update.

Regards,

Sureshkumar P