自定义input框 全选/半选样式

需要js手动设置inpu的indeterminate属性为true

input:indeterminate::after {
  content: "";
  display: block;
  height: 3px;
  width: 7px;
  margin: 40% auto;
  background-color: #395acc;
}

input:checked,
input:indeterminate,
input:checked::after {
  background-color: #395acc ;
  border: 1px solid #395acc ;
}
posted @   IslandZzzz  阅读(453)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
历史上的今天:
2020-02-10 CSS浮动
点击右上角即可分享
微信分享提示