Hide the underline

[Eric]

I tried to find what style I had to edit to remove the underline but could not figure it out. Thanks

[Sureshkumar P]

Hi Eric,

We suggest you can achieve your requirement by using the below CSS styles.

Find the code example here:

.custom-style.e-input-group:not(.e-float-icon-left):not(.e-float-input)::before,

    .custom-style.e-input-group:not(.e-float-icon-left):not(.e-float-input)::after,

    .custom-style.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,

    .custom-style.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after,

    .custom-style.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,

    .custom-style.e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,

    .custom-style.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before,

    .custom-style.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after {

      background: none;

    }

 

In the above, we have added the cssClass property to override the specific component only.

Find the sample here: https://stackblitz.com/edit/wsjq2j?file=index.html

Regards,

Sureshkumar P

[Eric]

The underline is still there in the sample you provided.

Maybe I was not clear. I want the horizontal line in the input box to disappear.

Thanks

[Eric]

Finally got it to hide with

.custom-style.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .custom-style.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
        border-bottom:0px !important;
    }
 Copy

[Sureshkumar P]

Eric,

Thanks for your update.

Regards,

Sureshkumar P