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
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
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.
MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
115 Points
501 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
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
115 Points
501 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
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
Member
115 Points
501 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