We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Use Split Button as two e-link buttons

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.

1 Reply

YA YuvanShankar Arunagiri Syncfusion Team April 17, 2023 07:41 AM UTC

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.


    .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;



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


YuvanShankar A

Attachment: Index_913aefd8.zip

Live Chat Icon For mobile
Up arrow icon