如何在文本上的 react-bootstrap 手风琴中删除边框答案

【问题标题】：How to remove the border in react- bootsrap accordion on the text如何在文本上的 react-bootstrap 手风琴中删除边框
【发布时间】：2022-11-14 14:14:06
【问题描述】：

image here

<Accordion>
          <Accordion.Item eventKey="0">
            <Card style={{ margin: 10 }}>
              <Card.Header style={{ display: "flex" }}>
                <span
                  style={{
                    flex: 1,
                    fontSize: 18,
                    color: "black",
                    textDecoration: "none",
                    cursor: "pointer",
                    alignSelf: "center",
                  }}
                >
                  <Accordion.Header >{note.title}</Accordion.Header>
                </span>

当我在手风琴不存在之前应用手风琴时，文本的边框出现了

【问题讨论】：

您是否尝试在特定元素上添加内联样式 border: none 属性？另请参阅此stackoverflow.com/help/how-to-ask

标签： react-bootstrap

【解决方案1】：

您可以尝试添加以下 CSS 规则： .accordion-header { border: none; }

【讨论】：