# Remove \`!important\` from btn-transparent
**URL:** https://meta.discourse.org/t/remove-important-from-btn-transparent/336623
**Category:** UX
**Created:** [November 17, 2024, 7:13pm UTC](https://meta.discourse.org/t/remove-important-from-btn-transparent/336623 "2024-11-17T19:13:20Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [November 17, 2024, 7:13pm UTC](https://meta.discourse.org/t/remove-important-from-btn-transparent/336623/1 "2024-11-17T19:13:20Z")
Boilerplate discourse code is using an `!important`, please remove this so I can override it… without also having to use an important. Buttons should have a focus/hover state for accessibility.
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [November 18, 2024, 9:06pm UTC](https://meta.discourse.org/t/remove-important-from-btn-transparent/336623/3 "2024-11-18T21:06:03Z")
Hey there! These transparent buttons force transparency because they should remain transparent. Can you point me to where you are trying to change that functionality? Is the button staying transparent on hover for you at the moment as well?
---
### Author:  [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [November 18, 2024, 9:12pm UTC](https://meta.discourse.org/t/remove-important-from-btn-transparent/336623/4 "2024-11-18T21:12:43Z")
Yes, they are forcing transparency even on hover and active. We do not want transparent buttons and want buttons to have a hover/focus and active state.
Screenshot shows btn location, but this is true for all buttons:
I have brought back the focus ring but I expect the background color and icon color to change as well so a user can tell when their mouse is hovering it.
> **[Understanding Success Criterion 2.4.13: Focus Appearance | WAI | W3C](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance)**
> **[WCAG 1.4.11 Button Examples](https://webaim.org/temp/1-4-11examples.htm)**
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [November 18, 2024, 9:15pm UTC](https://meta.discourse.org/t/remove-important-from-btn-transparent/336623/5 "2024-11-18T21:15:12Z")
> [@king\_laurel](#):
>
> I have brought back the focus ring but I expect the background color and icon color to change as well so a user can tell when their mouse is hovering it.
The icon color does change on hover, but the background will not change as it is a transparent button.
I will loop in more input here. It’s possible we might need to change this.
---
### Author:  [@king\_laurel](https://meta.discourse.org/u/king_laurel)
#### Post date: [November 18, 2024, 9:17pm UTC](https://meta.discourse.org/t/remove-important-from-btn-transparent/336623/6 "2024-11-18T21:17:14Z")
We want the background and color to change, so having the `important` restricts us. I also try to never use `important` in codes unless I absolutely have to, so I would prefer not to have to fight to override boilerplate code.
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [November 18, 2024, 9:26pm UTC](https://meta.discourse.org/t/remove-important-from-btn-transparent/336623/7 "2024-11-18T21:26:21Z")
Looks like removing `!important` is ok here, I’ve opened a pull request for it [DEV: remove !important from btn-transparent background by awesomerobot · Pull Request #29809 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/29809)
---
### Author:  [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [December 4, 2024, 11:04am UTC](https://meta.discourse.org/t/remove-important-from-btn-transparent/336623/9 "2024-12-04T11:04:16Z")