Topic: Checkbox and Radio Buttons active state

Tina Meadors pro asked 6 years ago


Since deploying Bootstrap 4, beta 3 and MDB v. 4.4.4, Checkbox and Radio Buttons no longer seem to display an ACTIVE state.  The issue can be seen on your documentation page (https://mdbootstrap.com/components/buttons/) in the Checkbox and radio buttons section.  It is no longer possible to see which button in the button group has been selected.

Jakub Strebeyko staff answered 6 years ago


Hi Tina, Thanks for letting us know - it's going to get fixed as soon as possible. In the meantime, for anyone looking for a quick relief to their checkboxes, please do the following: 1. Remove the !important label from .btn-primary background-color property (at mdb.css:5442) and 2. Comment out the background-color property at .btn-primary:not([disabled]):not(.disabled):active... (at mdb.css:5456). With Best Regards, Kuba

Tina Meadors pro commented 6 years ago

Thanks! I've been using some customizations, so I didn't want to just make the change in the mdb.css file, as any changes would get restored the next time I compiled the SASS files. Instead, I removed the !important label on line 111 and commented out the background-color at line 136 of _mixins.scss. Hopefully those are the right places to make the changes! :)

Jakub Strebeyko staff commented 6 years ago

If you compile the styles from <code>.scss</code> it's more than <em>right</em> to customize it there. Happy o hear it solved the issue! :D With Regards, Kuba


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags