Skip to main content

Change accordion button icon colour in Bootstrap 5

As you're using Bootstrap 5 and applying a style for the hover state of an accordion button, specifically changing the background image of an ::after pseudo-element. If you want to change the icon colour on hover, you should modify the fill attribute in the SVG's path element. 

Here's an example:

Website viewport

The viewport meta tag in a website's HTML is used to control how the webpage is displayed on a mobile device or in a web browser.  It defines the viewport's behaviour and dimensions.  The viewport meta tag helps create a responsive and mobile-friendly design by adjusting the layout and scaling to fit various screen sizes and orientations, particularly on mobile devices.

Subscribe to 5.x