Remove border from drop down list

I would like to remove the border around the dropdown list container via css?

Thank you



1 Reply 1 reply marked as answer

UD UdhayaKumar Duraisamy Syncfusion Team June 30, 2022 12:15 PM UTC

Hi Pavel,


Syncfusion provides the exact CSS structure that can be used to modify the Syncfusion control’s appearance based on the user preference. By using below mentioned CSS class we can remove the border of the DropDownList component. Please refer the below documentation and code snippet for more details.


<style>

 

    /*To remove the border of Dropdown component*/

    .e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {

    border-color: transparent;

}

</style>


Documentation : Style and Appearance


Regards,

Udhaya Kumar D


Attachment: SyncfusionBlazorApp1_b82b9a23.zip

Marked as answer
Loader.
Up arrow icon