Html 将按钮渲染为div以避免继承的按钮样式

我们将React组件嵌入到我们的网站中。有一些基本样式适用于我们的按钮，它们来自用户代理（例如焦点上的大纲）和嵌入React组件的HTML/CSS环境

我们希望我们的组件与样式无关。因为我们也在小部件中使用我们的组件，所以我们无法真正控制外部环境

---

一种解决方案是让我们的基本按钮元素呈现

，我不确定，但也许我们可以使用唯一/不同的
类名来控制它（尝试使用此选项）（您可以将其添加到reset.css）：

这应该完全消除任何可见的轮廓，不管元素的类名如何（或者如果它没有类名）

如果在某个时候需要返回大纲，可以直接将其添加到自定义类中。
不要这样做。不要。简直是地狱<代码>
s是交互式的<代码>

s不是。这是

---

正如您所评论的，焦点在

上也不可用，它被很好地烘焙成

不要这样做。不要。简直是地狱<代码>s是交互式的<代码>s不是。这是。（@chriskirknielsen，刚刚发现它不会聚焦。THX@chriskirknielsen，您的评论-只是它不是自动聚焦的事实，因此将或可能导致可访问性问题，回答了我的问题。把它做成一个答案，我会接受的。当然。谢谢你的理解！

    *:focus { outline-width: 0px !important; }