Como alterar o estilo da caixa de seleção no uniapp

Etapa 1: copiar

Este parágrafo deve ser escrito em app.vue para ter efeito

	//设置圆角
	checkbox.round .wx-checkbox-input,
	checkbox.round .uni-checkbox-input {
		border-radius: 100upx;
	}
	 
	//设置背景色
	checkbox.red[checked] .wx-checkbox-input,
	checkbox.red.checked .uni-checkbox-input{
		background-color: #ffffff !important;   //背景
		border-color: #ffffff !important;   //边框
		color: #2681FB !important;   //对勾
	}

usar:

Basta dar o nome da classe para a caixa de seleção Este vermelho é apenas o nome da classe e não o conjunto vermelho! Modifique o estilo e altere-o no código acima