the toggle button does not change its aspect


Topic: the toggle button does not change its aspect

ochicaud pro premium priority asked 2 years ago

Expected behavior when the checkbox with a button aspect (toggle button) is checked, the aspect is changing (color)

Actual behavior the aspect does not change, while it works on the regular bootstrap

Resources (screenshots, code snippets etc.)


Grzegorz Bujański staff answered 2 years ago

If I understand correctly you want to remove the focus toggle button effect? Try adding these styles:

.form-check-input:focus:before,
.form-check-input:checked:focus::before
{
  box-shadow: none;
}

ochicaud pro premium priority commented 2 years ago

Thank for your anwser, but no, what I want is to see if the button is checked or not. Right now, there is no visual difference. by exemple, red for checked, green for unchecked


Grzegorz Bujański staff commented 2 years ago

So you mean something like this :https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/5324700#css-tab-view


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.3.1
  • Device: pc
  • Browser: edge
  • OS: W11
  • Provided sample code: No
  • Provided link: No
Tags