当前位置: 首页 > article >正文

uniapp记录在微信小程序端修改复选框的样式

效果图

//App.vue

checkbox.round .wx-checkbox-input,
checkbox.round .uni-checkbox-input {
    border-radius: 100upx;
}

checkbox.red[checked] .wx-checkbox-input,
checkbox.red.checked .uni-checkbox-input {
    background-color: #f8bb4f !important;
    color: #ffffff !important;
}
//代码里

<checkbox-group>          
  <checkbox class="red round" value="cb" style="transform: scale(0.8)" />
</checkbox-group>


http://www.kler.cn/a/407567.html

相关文章:

  • 微网能量管理研究
  • 【LSTM实战】跨越千年,赋诗成文:用LSTM重现唐诗的韵律与情感
  • 利用 Watchtower 自动监听并更新正在运行的 Docker 容器
  • 【C++】继承(inheritance)
  • AI Large Language Model
  • Flink Lookup Join(维表 Join)
  • 大数据面试题每日练习--HDFS是如何工作的?
  • 如何通过OpenSSL来创建自签名的CA证书?
  • 软件测试面试之常规问题
  • Vue3响应式原理
  • 线程(三)【线程互斥(下)】
  • 数据结构(初阶6)---二叉树(遍历——递归的艺术)(详解)
  • FIFO架构专题-异步FIFO及信号
  • cookie反爬----普通服务器,阿里系
  • python FastAPI 后台运行
  • git 构建分布式版本控制系统
  • https证书集成到java中
  • C++注释
  • VScode 连不上远程云服务器
  • 通过端口测试验证网络安全策略
  • 开源项目Screenshot-to-Code:截图图片生成代码
  • 大数据-229 离线数仓 - ODS层的构建 Hive处理 JSON 数据处理 结构化
  • Vue3 + Vite 项目引入 postcss + tailwindcss
  • C0029.在Clion中解决Debug时,提示Process finished with exit code -1的错误
  • Altium Designer学习笔记 6-10 异性元件库创建_原理图绘制
  • 【网络安全设备系列】4、漏洞扫描设备