Remove border

[QLT]

Hi,

can you please tell me how we can remove the border, padding and margin for the richtexteditor component?

i want to remove the 2 circle border and the margin between them

with the style code below, i manage to remove only 1 border, but i still have the main border and the margin

any idea of how i can remove it?

i have try this

    .e-rte-container

    {

        padding: 0px !important;

        margin: 0px !important;

        border:none;

    }

    .e-richtexteditor-container {

        padding: 0px !important;

        margin: 0px !important;

        border: none;

    }

    .e-richtexteditor .e-rte-content .e-content {

        padding: 0px !important;

        margin: 0px !important;

        border: none;

    }

thank you for your help

[Kokila Poovendran]

Hi QLT,

Thank you for reaching out to us.

We have reviewed your requirement and prepared a sample that demonstrates how to remove the border, padding, and margin from the Rich Text Editor container and content area. Please find the CSS code snippet below:

<style>

/* Remove padding, margin, and border from container */

.e-rte-container,

.e-richtexteditor-container,

.e-richtexteditor {

    padding: 0 !important;

    margin: 0 !important;

    border: none !important;

}

/* Remove bottom border from toolbar */

.e-richtexteditor .e-toolbar-container{

   border-bottom: 0px !important;

}

/* Remove padding, margin, and border from content area */

.e-richtexteditor .e-rte-content .e-content {

    padding: 0px !important;

    margin: 0px !important;

    border: none !important;

}

Sample:  https://blazorplayground.syncfusion.com/hjhoCZBXAlpAKUsV

Please let us know if you have any further questions or need additional assistance.