修改小程序CheckBox样式

最新推荐文章于 2024-07-31 16:37:10 发布

一个什么都不会的前端

最新推荐文章于 2024-07-31 16:37:10 发布

阅读量383

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/weixin_43090018/article/details/106356042

版权

小程序专栏收录该内容

38 篇文章 8 订阅

订阅专栏

			// 多选框外框样式
			checkbox .wx-checkbox-input {
				width: 35rpx;
				height: 35rpx;
				border-radius: 50%;
			}

			// 选中后外框样式
			checkbox .wx-checkbox-input.wx-checkbox-input-checked {
				border-color: #A40000;
			}

			// 内部样式
			checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
				width: 60%;
				height: 60%;
				background: #A40000;
				border-radius: 100%;
				content: '';
				transform: translate(-50%, -50%) scale(1);
				-webkit-transform: translate(-50%, -50%) scale(1);
			}