Topic: the toggle button does not change its aspect

ochicaud priority asked 11 months 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 11 months 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 priority commented 11 months 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 11 months 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

  • ForumUser: Priority
  • 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