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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

while setting a border and border radius for dropdown or textbox some border is falling in dropdownlist

Thread ID:





148153 Oct 8,2019 09:47 AM UTC Oct 16,2019 09:38 AM UTC Angular - EJ 2 3
Tags: DropDownList
Asked On October 8, 2019 09:47 AM UTC

while setting a border and border radius for dropdown or textbox  all the four edge of the border of dropdownlist looks more darker and different and looks ugly.how to remove that. i have attached my code  for this kindly look at it. 
Thanks in Advance

Attachment: szjjtc.run_4006ceeb.zip

Ashokkumar Balasubramanian [Syncfusion]
Replied On October 9, 2019 01:01 PM UTC

Hi thowfik, 
Good day to you. 
We have checked your requirement and attachments.  From that, you have set the border and border radius to overall component elements, but we need to set the border and border-radius for the component wrapper elements. Please find the below code snippet
.ip-box.e-dropdownlist .e-control-wrapper { 
         border-radius: 9px !important; 
         border: 1px solid black !important; 
         cursor: text; 
Could you please check the sample and get back to us, if you require any further assistance on this? 
Ashokkumar B. 

Replied On October 15, 2019 03:56 PM UTC

Still the issue exists

Sureshkumar P [Syncfusion]
Replied On October 16, 2019 09:38 AM UTC

Hi Thowfik, 
We have checked the reported requirement. This is default browser behaviour. We have checked the css border-radius property with native HTML 5 textbox. This issue exists in native textbox also. Please find the screenshot 
Sureshkumar P 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon