SfButton not getting assigned CssClass specified

[Jim Young]

I am not able to assign a CssClass definition to SfButton. I can assign the value but the SfButton always inherits the container class definition. How can I accomplish this?

[Gayathri KarunaiAnandam]

Hi Jim Young, 

We have checked your reported query. We can customize the Button component by using CssClass as demonstrated in the below code snippet. 

 

<SfButton IconCss="e-icons e-delete-icon" IconPosition="IconPosition.Right" CssClass="e-custom">Remove</SfButton> 

 

<style> 

    .e-delete-icon::before { 

        content: '\e773'; 

 

    } 

    .e-custom { 

        color : black; 

        background-color: antiquewhite; 

        border-color: red; 

    } 

</style> 

For your reference, we have prepared a sample based on your scenario. Please check the below link. 

Sample: https://www.syncfusion.com/downloads/support/forum/164058/ze/Button-1468631747 

Please get back to us, if you need further assistance. 

Regards, 

Gayathri K