我使用的是Flowbite React，它有很多很棒的元素，但是很多交互式组件在点击时都会有这个非常烦人的边框。你怎么才能摆脱它呢？这会让一个漂亮的组件变得丑陋，我不知道如何改变它。
在这里的例子中，我尝试使用标签。当查看页面底部的主题时，我看到边框来自“ring”属性，该属性设置为focus:ring-4 focus:ring-cyan-300。我尝试将项目className设置为className="ring-0 focus:ring-0 focus:ring-transparent"，但没有任何内容被覆盖，环仍然显示。
这是我的全部组成部分：

"use client";

import { Tabs } from "flowbite-react";
import {BsFillGrid3X2GapFill, BsFan} from 'react-icons/bs'
import { HiSignal } from "react-icons/hi2";

export default function ConfigureDeckTabs({
  onTabChange,
}: {
  onTabChange: (tab: number) => void;
}) {
  return (
    <Tabs.Group style="underline" onActiveTabChange={onTabChange} className="mt-2">
      <Tabs.Item
        active
        icon={BsFillGrid3X2GapFill}
        title="Panels"
        className="ring-0  focus:ring-transparent focus:ring-8"
      ></Tabs.Item>
      <Tabs.Item
        icon={BsFan}
        title="Fans"
        className="ring-0 focus:ring-0 focus:ring-transparent"
      ></Tabs.Item>
      <Tabs.Item
        icon={HiSignal}
        title="Sensors"
        className="ring-0 focus:ring-0 focus:ring-transparent"
      ></Tabs.Item>
    </Tabs.Group>
  );
}

字符串

的数据