小程序checkbox样式修改

 /* checkbox大小的调整 */
checkbox {
  transform: scale(0.7,0.7);
}
/*checkbox选中后图标样式  */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 28rpx;
  height: 28rpx;
  line-height: 28rpx;
  text-align: center;
  font-size: 22rpx;
  color: #333;
  opacity: 0.5;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

posted @ 2022-10-27 12:32 SultanST 阅读(18) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 小程序radio默认样式修改

· 日常常用css样式大全,超出隐藏，不换行，省略号,两行超出隐藏，不换行，省略号,CSS中划线（删除线）样式代码（价格）,a超链接下划线，css 3个4个5个字两边对齐，鼠标手形状，垂直...

· 微信小程序修改checkbox样式

· css修改checkbox默认样式

· 修改 input checkbox 样式

阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· .NET10 - 预览版1新功能体验（一）

历史上的今天：
2016-10-27 正则表达式--转载于http://blog.csdn.net/yigelangmandeshiren/article/details/6414563

公告

苟有恒,何必三更眠五更起;最无益,莫过一日暴十日寒

昵称： SultanST
园龄： 8年6个月
粉丝： 1
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

Sultan-ST

小程序checkbox样式修改

公告

搜索

常用链接

最新随笔

积分与排名

随笔分类

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论

	/* checkbox大小的调整 */
	checkbox {
	transform: scale(0.7,0.7);
	}
	/checkbox选中后图标样式 /
	checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
	width: 28rpx;
	height: 28rpx;
	line-height: 28rpx;
	text-align: center;
	font-size: 22rpx;
	color: #333;
	opacity: 0.5;
	background: transparent;
	transform: translate(-50%, -50%) scale(1);
	-webkit-transform: translate(-50%, -50%) scale(1);
	}