Kronos Kronos
首页
导航站
  • 前端文章

    • HTML
    • CSS
  • 学习笔记

    • 《JavaScript》
    • 《ES6 教程》
    • 《Vue》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • 《MUI》
    • 小程序笔记
  • Nodejs
  • C#
  • 数据库
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Kronos

纵有疾风起,人生不言弃
首页
导航站
  • 前端文章

    • HTML
    • CSS
  • 学习笔记

    • 《JavaScript》
    • 《ES6 教程》
    • 《Vue》
    • 《TypeScript 从零实现 axios》
    • 《Git》
    • 《MUI》
    • 小程序笔记
  • Nodejs
  • C#
  • 数据库
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • UI组件

  • 杂记

    • mui主动触发 tap 事件
    • mui 设置方形复选框样式
    • mui 点击 tab 报错
    • mui 获取单选&复选的值
    • modal 弹出效果-从右到左
    • mui滚动条与textarea自身滚动冲突
    • mui输入框防止页面回滚
  • 《MUI》笔记
  • 杂记
Kronos
2023-12-08

mui 设置方形复选框样式

mui默认提供的复选框是圆形的,未选中状态下和单选框外形一样,

如果想要设置成方形的复选框,需要自己稍微调整下样式:

/*	更改checkbox样式*/	
.mui-checkbox input[type=checkbox]:before {
    content: '\e413';
}		
.mui-checkbox input[type=checkbox]:checked:before {
    content: '\e443';
}
1
2
3
4
5
6
7

效果展示:

mui方形复选框

编辑 (opens new window)
#mui
上次更新: 2023/12/19, 15:36:25
mui主动触发 tap 事件
mui 点击 tab 报错

← mui主动触发 tap 事件 mui 点击 tab 报错→

最近更新
01
使用 API 调用训练后的 DeepSeek
02-10
02
DeepSeek本地训练
02-08
03
DeepSeek本地部署
02-08
更多文章>
Theme by Vdoing | Copyright © 2023-2025 Kronos | 豫ICP备2021038004号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式