Is there a way to hide the url info box that is show by browsers while hovering over a hyperlink? [duplicate]

In our project we want to show some hyperlinks, On hovering we can see a little box with the url for that link(chrome and firefox), But since it give ups lots of details we want to disable that. How can we do that? I understand it’s for user safety to know what they are clicking on, but as a genuine website with authentication we want to have this feature.

Any way that works. We are using html, tailwind css, next js