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:
Actual behavior Actual style:
Resources (screenshots, code snippets etc.)
Bartosz Cylwik staff answered 3 months ago
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!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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