我正在建立一个仪表板,侧栏应该有一个下拉列表,我发现它很难使用 bootstrap 手风琴.我想删除手风琴附带的边框,以下是我的代码:

<li className='sidebar-list-item w-100 border-0'>
                <Accordion className="border-0">
                    <Accordion.Item eventKey="0">
                        <Accordion.Header><i className="fas fa-chart-bar text-green"></i> <span>L T S</span></Accordion.Header>
                        <Accordion.Body>
                            <p>New LTS</p>
                            <p>My LTS</p>
                        </Accordion.Body>
                        </Accordion.Item>
                </Accordion>
            </li>`enter code here`

推荐答案

您可以在您的css文件中做到这一点.

使用外部css文件(例如,App.css)

App.css

.sidebar-list-item .accordion-button {
  border: none; /* Remove the border */
}

Reactjs相关问答推荐

CSS转换不适用于React MUI对象

两条react 路由的行为不同.有没有人能解释一下,我已经找了好几天了

为什么我的react虚拟化列表不显示滚动条,除非我确保高度低于rowCount*rowHeight?

React Router:在没有手动页面刷新的情况下,路由不会更新内容

更改滑块标记的文本 colored颜色 ./Reaction/MUI 5

在继承值更改时重置react 挂钩窗体字段值

无法使用导入app/page.jsx的组件中的tailwind 类文本操作和自定义动画

如何动态地改变<; Select >;React和Tailwind元素?

如何使用 App Router 和服务器组件在 Next.js 13 中实现分页

如何在 React Hook Form 中使用嵌套对象处理错误验证消息

无法读取未定义的属性(阅读 'editQuoteModalShown')reactredux

try 从 React JS 构建此教程游戏但无法继续前进

使用 map 循环浏览列表列表中的列表并显示它们

我收到Uncaught TypeError: props.handleSelect is not a function

带有 webpack 错误多个文件匹配路由名称的 Expo-router.无法Bundle 或部署应用程序

来自一个自定义 React Native 组件的样式从另一个自定义组件移除样式

导航到屏幕时,react 本机上下文状态变为未定义

如何修复 Next.js 13 中类型 AppRouterInstance 上不存在 x?

React Hooks 表单在日志(log)中显示未定义的用户名

在 React 中使用使用状态挂钩合并两个数组