小程序修改checkbox样式

最新推荐文章于 2024-10-08 09:35:00 发布

一只快乐的小猴子

最新推荐文章于 2024-10-08 09:35:00 发布

阅读量164

点赞数

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/abcdef12030/article/details/111511773

版权

小程序专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种在 WX 应用中自定义 checkbox 样式的 CSS 方法，详细展示了如何通过 WX 的 CSS 样式来调整 checkbox 的大小、颜色等属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.checkbox .wx-checkbox-input {
  transform: translateY(-3rpx);
  width: 20rpx; /* 背景的宽 */
  height: 20rpx; /* 背景的高 */
  border: 2rpx solid #000000;
}

.checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  background: #000000;
  color: transparent;
}