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

[thowfik]

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

Regards

A.Thowbik

Attachment: szjjtc.run_4006ceeb.zip

[Ashokkumar Balasubramanian]

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; 

 } 

 

Sample: https://stackblitz.com/edit/angular-xhrpk9?file=app.component.html 

 

Could you please check the sample and get back to us, if you require any further assistance on this? 

 

Regards, 

Ashokkumar B. 

[thowfik]

Still the issue exists

 

[Sureshkumar P]

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 

 

 

 

 

Sample: https://stackblitz.com/edit/angular-xhrpk9?file=app.component.css 

 

Regards, 

Sureshkumar P