我们在我们的网站中嵌入了 React 组件。有一些适用于我们的按钮的基本样式，它们来自用户代理（例如焦点轮廓）和我们嵌入 React 组件的 HTML/CSS 环境。我们希望我们的 React 组件风格独立。由于我们也在小部件中使用我们的组件，因此我们无法真正控制外部环境。一种解决方案是渲染我们的基本 Button 元素，<div role="button" ...而不是实际的按钮元素。是否有任何理由避免这种做法，例如浏览器支持、功能等？