/CSS/Bootstrap/Bootstrap accordion some change

Bootstrap accordion some change

 .accordion-button:not(.collapsed) {
  background-color: #00c0e1;
  color: #fff;
}

.accordion-button {
  background-color: #00c0e1;
  color: #fff;
}

.accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

Source: getbootstrap.com

Similar codes

43 votes454 views6 answers
Add bootstrap to angular
Javascript Bootstrap
5 votes409 views2 answers
Remove bootstrap button outline
CSS Bootstrap
0 vote435 views2 answers
Bootstrap tooltip keep open on hover
Javascript Bootstrap
0 vote414 views1 answer
Adding bootstrap to angular global styles
Javascript Bootstrap
0 vote439 views1 answer
Javascript plugin bootstrap
Javascript Bootstrap
0 vote430 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
0 vote446 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
7 votes411 views3 answers
Bootstrap remove outline
CSS Bootstrap
-1 vote410 views1 answer
Change font size on large screen resolution bootstrap
CSS Bootstrap
0 vote417 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap