我們在我們的網站中嵌入了 React 組件。有一些適用于我們的按鈕的基本樣式，它們來自用戶代理（例如焦點輪廓）和我們嵌入 React 組件的 HTML/CSS 環境。我們希望我們的 React 組件風格獨立。由于我們也在小部件中使用我們的組件，因此我們無法真正控制外部環境。一種解決方案是渲染我們的基本 Button 元素，<div role="button" ...而不是實際的按鈕元素。是否有任何理由避免這種做法，例如瀏覽器支持、功能等？