@ilia The thing is, I want to keep the different colors of other checkboxes & for the last one I need linear-gradient.But in your solution , you removed the customization for other checkboxes.

@ilia I changed that via ternary operator & defining new variable , but still it does not work.Here is the Link
But it still does not work!

I actually faced a problem regarding creating customized checkbox. I created different checkboxes with different background color now I want to make one of my checkboxes to have multiple colors with linear-gradient.I don’t know how to give that value to my checkbox. In this code you can see I try to give the fourth checkbox a linear-gradient value but it seems the app can not distinguish that. Can you please help me how to solve this issue?
Thanks in advance for your help.

Hi @beets , I actually faced a problem regarding the customized checkbox. I want to make one of my checkboxes to have multiple colors with linear-gradient.I don’t know how to give that value to my checkbox. In this code you can see I try to give the fourth checkbox a linear-gradient value but it seems the app can not distinguish that. Can you please help me how to solve this issue?
Thanks in advance for your help:)

@dobbel actually it’s possible to use change, I solved it you can check it out:
https://codesandbox.io/s/awesome-hooks-my4fk?file=/src/components/CarSearch.vue

I tried to define an object in v-model in a parent component & then use it in child component(CarSearch.vue) but whenever I made changes & press the button , I get null for the changed object in the console .

I would like to know how I should modify my code to see the changed value in the console.
Here is my code in codesandbox .

@beets thank you ,that really helped I also like to know if there is a specific part in documentation that I can learn about this. So for example now for bright background checkboxes( like white or yellow background) I need to use a black or gray checkmark but I don’t know how!

@beets thank you,that’s what I mean.However,in the quasar app that I created , it seems there is a problem to render like that. I don’t know if it’s the configuration or another thing that does not render like that.
Here is the link:
github
I put the code in src/pages/index.vue

@beets thanks for your solution about using HEX colors.But the checkbox background does not have the specified color before being checked and that’s why I tried to create a label for the checkbox and then define the customization there.That is the problem

@beets I know the colors