Checkbox default style modification, custom style plus scoped does not take effect

1. Effect drawing

2. Html code

<v-row title="Header type">
    <checkbox-group >
        <label>
            <checkbox :value="titleType" checked="true" />Individuals or public institutions</label>
        <label>
            <checkbox :value="titleType" />enterprise</label>
    </checkbox-group>
</v-row>
Copy the code

3, Style style plus scoped does not work

checkbox {
    margin-left: 30upx;
}
checkbox .wx-checkbox-input {
    border-color:#DCDDDC;
    border-radius: 40upx;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    color: #fff;
    background: #3399FF;
    border-radius: 40upx;
}
Copy the code