Answered by:
Telerik controls issue in Chrome

Question
-
User1536465747 posted
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
Tuesday, June 16, 2020 10:50 AM
Answers
-
User288213138 posted
Hi KulerMaster,
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
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Wednesday, June 17, 2020 2:12 AM -
User1536465747 posted
It was the outline property (User agent stylesheet) that Chrome sets automatically when an input control gets focused.
Thank you for the hint
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Wednesday, June 17, 2020 5:42 AM
All replies
-
User288213138 posted
Hi KulerMaster,
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
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Wednesday, June 17, 2020 2:12 AM -
User1536465747 posted
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
Wednesday, June 17, 2020 5:05 AM -
User288213138 posted
Hi KulerMaster,
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.
I suggest you go to the Telerik forum for help.
Best regards,
Sam
Wednesday, June 17, 2020 5:11 AM -
User1536465747 posted
It was the outline property (User agent stylesheet) that Chrome sets automatically when an input control gets focused.
Thank you for the hint
- Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
Wednesday, June 17, 2020 5:42 AM