CSS of floating label

[Raymond]

Hi, I am using the EjsTextBox and it has a floating label.

To keep my page consistent in style, I want to use that style in a span tag on that same page.

 I have tried this: <span class="e-control e-float-line">test</span>

and it's very close but it looks  bit different and the color is black, not more lighter gray like on the floating label.

Best Regards

Raymond

[Sevvandhi Nagulan]

Hi Raymond,  

Greetings from Syncfusion support.  

We have checked the reported requirement. We would like to inform you that we have applied the CSS based on the hierarchy of the elements. So we suggest to use the color that we have provided in the css in the sample level. Kindly refer the below code,  

 

<span class="e-control e-float-line e-test-class">test</span>  

  

<style>  

    .e-test-class {  

      color: rgba(0, 0, 0, 0.54)  

    }  

</style>  

 

Else, you can use the label element with the class e-float-text. Kindly refer the below code, 

<label class="e-float-text">test1</label> 

Please find the sample below,  

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp1-1797272764 

Can you please check the provided solution and get back to us if you need any other further assistance? 

  

Regards,  

Sevvandhi N