uni checkbox选中样式

直接复制添加再app.vue里面,最外层可是当前页面的最外层class

 //最外层可是当前页面的最外层class
     .cart-page {
 		/* #ifdef H5 */
 		uni-checkbox .uni-checkbox-input {
 		  // border-radius: 50% !important;
 		  color: #ffff00 !important;
 		}
 		
 		uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
 		  border: none !important;
 		  background: #ffff00;
 		    border-color: #ffff00;
 		}
 		
 		uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
 		    width: 20rpx;
 		    height: 20rpx;
 		    line-height: 20rpx;
 		    text-align: center;
 		    font-size: 18rpx;
 		    color: #ffff00;
 		    background: transparent;
 		    transform: translate(-70%, -50%) scale(1);
 		    -webkit-transform: translate(-70%, -50%) scale(1);
 		}
 		/* #endif */
 		
 		/* 微信中样式 */
 		/* #ifdef APP-PLUS ||MP-WEIXIN */
 	checkbox .wx-checkbox-input {
 	  border-radius: 50% !important;
 	  color: #ffff00 !important;
 	}
 	
 	checkbox .wx-checkbox-input.wx-checkbox-input-checked {
 	  color: #ffff00 !important;
 	  background: #ffff00 !important;
 	}
 	
 	.wx-checkbox-input.wx-checkbox-input-checked {
 	  border: none !important;
 	}
 		/* #endif */
 	}
posted @ 2021-03-06 11:08  Twoknives_li  阅读(409)  评论(0)    收藏  举报