popover样式覆盖问题

老项目中使用了bootstrap中的popover组件做一些悬浮特殊提示，不过最近发现该图标不见了。chrome中看它被移动到了不可见区域。

浏览器控制台查看样式，发现多了个默认样式表的数据：

查询发现，chrome在114版本中增加了原生的popover内容，文档可见 https://developer.mozilla.org/en-US/docs/Web/API/Popover_API。

在有popover="xxxxx"属性的元素增加样式覆盖掉浏览器的原生样式即可：

.xxx{
  // ....
  // 覆盖掉浏览器默认的样式
  position: inherit;
  border: none;
}