Since recently I noticed that Chrome browsers adds this odd border around the controls. It happens on focus event.
So far, I've noticed that it happens with TextBox and RadGrid but possibly it happens with other controls too.
When you inspect elements in Chrome there is no such style.
This black border is not visible in the other browsers. Only Chrome
This is a browser compatibility issue, If you don’t want to display the border, then you can try to remove it using css.
Best regards,
Sam
IIS.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today. Learn more >
There is a class riFocused that is assigned to the control when it gets focused. However, overriding the border property didn't help. I tried with !important as well.
There is a class riFocused that is assigned to the control when it gets focused. However, overriding the border property didn't help. I tried with !important as well.
Because you are using a third-party control, I can’t test it for you.
IIS.NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today. Learn more >
Member
117 Points
511 Posts
Telerik controls issue in Chrome
Jun 16, 2020 10:50 AM|KulerMaster|LINK
Hello,
Since recently I noticed that Chrome browsers adds this odd border around the controls. It happens on focus event.
So far, I've noticed that it happens with TextBox and RadGrid but possibly it happens with other controls too.
When you inspect elements in Chrome there is no such style.
This black border is not visible in the other browsers. Only Chrome
Thx
Contributor
3370 Points
1409 Posts
Re: Telerik controls issue in Chrome
Jun 17, 2020 02:12 AM|samwu|LINK
Hi KulerMaster,
This is a browser compatibility issue, If you don’t want to display the border, then you can try to remove it using css.
Best regards,
Sam
Member
117 Points
511 Posts
Re: Telerik controls issue in Chrome
Jun 17, 2020 05:05 AM|KulerMaster|LINK
Thank you for the prompt reply!
Hmm I wish it were so easy
There is a class riFocused that is assigned to the control when it gets focused. However, overriding the border property didn't help. I tried with !important as well.
Any other ideas? Thx
Contributor
3370 Points
1409 Posts
Re: Telerik controls issue in Chrome
Jun 17, 2020 05:11 AM|samwu|LINK
Hi KulerMaster,
Because you are using a third-party control, I can’t test it for you.
I suggest you go to the Telerik forum for help.
Best regards,
Sam
Member
117 Points
511 Posts
Re: Telerik controls issue in Chrome
Jun 17, 2020 05:42 AM|KulerMaster|LINK
It was the outline property (User agent stylesheet) that Chrome sets automatically when an input control gets focused.
Thank you for the hint