Change FontSize and FontWeight for DropDownList float label ?

[Ben Junior]

I am using the code below, that I found on this link here and it works OK for the following controls:
SfTextBox, SfNumericTextBox and SfComboBox.

 Is it possible to include the SfDropDownList and also for the SfTextBox Disabled and the SfDropDownList Disabled too ?

.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{

font-style:italic;

font-size: 11px;
font-weight: bold;

}

[Vinothkumar Yuvaraj]

Hi Ben Junior,

You can add the below code to change the FloatLabel styles by using the CssClass property of the SfDropDownList, disabled SfDropDownList, and SfTextBox components.

Index.razor

<style>

    .e-custom.e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text,

    .e-custom.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-custom.e-float-input.e-ddl.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,

    .e-custom.e-float-input.e-input-group.e-ddl.e-control-wrapper input[disabled].e-dropdownlist ~ label.e-float-text

    {

        font-style:italic;

        font-weight: bold;

        color: #212529;

    }

</style>

Regards,

Vinothkumar

[Ben Junior]

Thanks. All works good now.