重新定义checkbox样式 （uniapp成功设置）

 

<checkbox :value="item.transId" class='record-checkbox' color='#FF7D0B' style="transform:scale(0.8)"
						v-if='item.transStatus == "1"' />

　　

		.record-checkbox {
			appearance: none;
			-webkit-appearance: none;
			width: 48rpx;
			height: 48rpx;
			// border: 2rpx solid #FF7D0B;
			border-radius:8rpx;
			position: relative;
			transition: all 0.3s;
			background: transparent;
		}

		.record-checkbox[checked] {
			background-color: #FF7D0B;
			border-color: #FF7D0B;
		}

		.record-checkbox::after {
			content: '';
			position: absolute;
			top: 0px;
			/* 根据需要调整 */
			left:0px;
			/* 根据需要调整 */
			width: 100%;
			/* 根据需要调整 */
			height: 100%;
			/* 根据需要调整 */
			// background-color: transparent;
			/* 未选中时的颜色 */
			background: url('../../../static/images/checkbox.png') no-repeat center;
			background-size: 80%;
			border-radius:8rpx;
		}

		.record-checkbox[checked]::after {
			background-color: #FF7D0B;
			border-color: #FF7D0B;
			
		}