About changing the style of checkbox

Topic: About changing the style of checkbox

wuohyeah priority asked 3 months ago

https://mdbootstrap.com/docs/vue/forms/checkbox/

I want to reverse the color in checkbox style, is there any possible way to do that? Here are the screenshots below:

Expected behavior Expected style: enter image description here

Actual behavior Actual style: enter image description here

Resources (screenshots, code snippets etc.)

Add comment

Bartosz Cylwik staff answered 3 months ago

1 0 Best answer

Please insert min. 20 characters.

Hi! You can play around the css styles for the .form-check-input[type=checkbox]:checked class and its after and before pseudoclasses

for example

.form-check-input[type=checkbox]:checked {
    background: transparent
}

.form-check-input[type=checkbox]:checked::after, .form-check-input[type=checkbox]:checked::before {
    border-color: blue;
}

You may also want to change the style on focus state. Best Regards!

Add comment

Write

Create snippet

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 Vue
MDB Version: MDB5 5.0.0
Device: PC
Browser: chrome
OS: windows11 pro
Provided sample code: No
Provided link: Yes

wuohyeah

0Support score
11Questions 0Answers 6Snippets