How can I overwrite property controls the blue border on selected accordion buttons?

Hi, I’m trying to overwrite whatever property controls the blue border on selected accordion buttons. Nothing I overwrite seems to change this border. Any suggestions?

2 Likes

$accordion-button-focus-box-shadow: 0 0 $input-btn-focus-blur $input-btn-focus-width rgba(#000, $input-btn-focus-color-opacity);

Change #000 to any color you want.

1 Like

@abhayit2000 I am not able to find “accordion-button-focus-box-shadow” in the bootstrap.css

I’m importing bootstrap.min.css using jsdelivr then overwriting what I need by linking my own style.css after but I look at bootstrap.css for reference

1 Like

nvm I found the answer. Thanks!

You should compile the Sass then there’s no need to override as you can just change the variables

Sure. I’ll look into this. :slightly_smiling_face: :+1:

2 Likes