css 如何删除蓝色从bootstrap 5.3 accordion 项目时打开?

mtb9vblg  于 2023-03-25  发布在  Bootstrap
关注(0)|答案(2)|浏览(138)

就像你可以看到这2张照片,我想删除蓝色时,打开和蓝色边框颜色

<div class="accordion-item">
                                <h2 class="accordion-header" id="flush-heading<?php echo $id; ?>">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse<?php echo $id; ?>" aria-expanded="false" aria-controls="flush-collapse<?php echo $id; ?>">
                                    <?php echo $row["question"]; ?>
                                </button>
                                </h2>
                                <div id="flush-collapse<?php echo $id; ?>" class="accordion-collapse collapse" aria-labelledby="flush-heading<?php echo $id; ?>" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body"><?php echo $row["reponse"]; ?></div>
                                    </div>
                                </div>

谢谢你帮忙,Stef
我在CSS中尝试了一些东西,但没有一个工作

mspsb9vt

mspsb9vt1#

您可以修改.accordion-button:not(.collapsed)选择器的CSS。当accordion项打开时,Bootstrap使用此选择器来设置按钮的样式

.accordion-button:not(.collapsed) {
      background-color: transparent !important;
      color: inherit;
    }

button.accordion-button:focus{
      box-shadow: inherit;
}
unhi4e5o

unhi4e5o2#

试试这个css

button.accordion-button:focus{
      box-shadow: none;
      outline: none; 
}

相关问题