Use Split Button as two e-link buttons

[Dave]

I'd like to use Split Button visually represented as two hyperlinks. I used CssClass="e-link" and the button text itself looks fine, including the selected button remains underlined. However whenever I select one of the buttons there is visual flashing of the button boxes and when I click away the selected button gets a box rather than remaining as a link. Also, the Button Group remains with a faint outline which I'd like not to be visible. Is there a way in CSS to eliminate all decoration except keep the buttons as hyperlinks in appearance? Thank you.

[YuvanShankar Arunagiri]

Hi Dave,

We have checked your reported query and kindly use the below CSS style to remove the box shadow of button component in split button and button group.

<style>

    .e-split-btn-wrapper .e-btn:focus,

    .e-split-btn-wrapper .e-btn:active {

        box-shadow: none !important;

    }

 

    .e-btn-group .e-btn:focus {

        box-shadow: none !important;

    }

</style>

Check with attached sample code file and get back to us if you need any further assistance on this.

Regards,

YuvanShankar A

Attachment: Index_913aefd8.zip