程序员经验分享-hwhale

【CSS】css清除单选按钮/多选按钮的默认样式

2023-11-12 
/*多选按钮的样式把radio换成checkbox*/
label input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	margin: 0;
	vertical-align: text-bottom;
	margin-right: 0.1rem;
}
label input[type="radio"]:after {
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
	border: 2px solid #bfbfbf;
}

label input[type="radio"]:checked:after {
	background: #F67D07;
	border: 2px solid #fff;
}

 

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

csscss3

css

radio

单选多选按钮

清除默认样式

【CSS】css清除单选按钮/多选按钮的默认样式 的相关文章

随机推荐

  • 【ESP32】VSCode添加驱动文件

    1 创建文件夹并添加驱动文件 2 修改main文件夹下的 CMakeLists txt

  • 扑克牌游戏中, 使用python实现一个查找顺子的算法

    在扑克牌游戏中 需要实现一个查找顺子的算法 连续的数字即为顺子 随机发N张牌 从中挑出最长的顺子 并返回其长度 如果没有顺子返回0 现在手上的牌为 12 3 4 10 6 5 6 8 11 9 11 11 9 12 1 1 去重 排序 m

  • python实现读取目录文件夹下的所有指定格式文件路径

    import os def get img file file name imagelist for parent dirnames filenames in os walk file name for filename in filena

  • lucene 学习笔记之一亢龙有悔

    一 Lucene的介绍 Lucene是一个全文检索的框架 apache组织提供了一个用Java实现的全文搜索引擎的开源项目 其功能非常的强大 api非常简单 并且有了全文检索的功能支持可以非常方便的实现根据关键字来搜索整个应用系统的内容 大

  • 阿里巴巴java开发规范

    一 编码规约 1 强制 代码中的命名均不能以下划线或美元符号开始 也不能以下划线或美元符号结束 反例 name name Object name name Object 2 强制 代码中的命名严禁使用拼音与英文混合的方式 更不允许直接使用中

  • 基于canvas的前端图片压缩

    common canvas图片压缩 param Object opt 配置参数 param Function cbk 回调函数 return Void example var opt type 1 为1为预览 建议不为1或后期进行改进 fi

  • Windows系统中Mysql目录迁移

    1 为什么迁移 最近发现我笔记本电脑C盘的内存空间有点儿吃紧 有以下目录可以直接清理 1 电脑运行产生的临时文件目录 C Windows Temp 2 Windows系统日常更新的数据包和安装包目录 一般可以释放10G左右空间 C Wind

  • package-lock.json 作用

    参照 https www cnblogs com honkerzh p 16767566 html

  • GMS程序调试指南

    代码获得处 https github com JiawangBian GMS Feature Matcher 作者交流处 https jwbian net gms comment 55 可以查看出现同样的问题 也有作者声明论文中表达错误的地

  • 【瑞吉外卖day06】

    1 手机验证码登录 1 1 需求分析 客户输入手机号码 获取验证码后 输入后能成功登录 1 2 用户登录 首先修改拦截器 将手机端的发送短信和登录请求加到过滤器的放行请求中 然后在拦截器中加入这些 利用session判断用户是否登录 用户如

  • 枚举与数组

    枚举与数组的区别 枚举是标签 定死的 数组是容器 存放数据 枚举是值类型 数组是引用类型 枚举是常量的集合 数组是变量的集合 枚举对象在任一时刻只能有一个常量值 数组对象在任一时刻可以有多个值 枚举 在数学和计算机科学理论中 一个集的枚举是

  • linux下异步RPC的阶段性总结-非阻塞SOCKET客户端

    尽可能使用非阻塞socket int flags s flags fcntl fd F GETFL 0 if flags 1 close fd return 1 flags O NONBLOCK s fcntl fd F SETFL fla

  • 支付宝沙箱报无效的APPID错误

    今天记录下python下调用支付宝沙箱支付时候一直报错app id错误 先看原图 意思就是 调试错误 请回到请求来源地 重新发起请求 错误代码 invalid app id 错误原因 无效的AppID参数 于是排查了很久主要有下面几个原因

  • 机器学习——逻辑回归（梯度下降法、牛顿法）

    机器学习 逻辑回归 一 实验题目 二 实验目的 三 实验平台 四 基本原理 1 逻辑回归 2 损失函数 五 实验步骤 1 数据可视化 2 将线性回归参数初始化为0 计算代价函数 cost function 的初始值 3 选择一种优化方法求解

  • 向量的合并

    Description 定义Vec类 是由int类型的数据组成的向量 重载其输入 输出运算符 以及加法运算符 其中 输入一个整型向量时 输入的是一个非减排序的整数序列 其中包含重复值 在输入时 重复值只保留1个 即Vec类中的向量是递增排序

  • Java面试丨JVM高频面试题

    文章目录 Java内存区域 JVM的主要组成部分及作用 JVM运行时数据区域 关于HotSpot虚拟机对象问题 对象是如何创建的 创建对象时内存是如何分配的 如何处理并发安全问题 对象的内存布局 对象的访问方式有哪些 内存溢出异常问题 Ja

  • idea如何解决jar包冲突

    jar包冲突是我们在日常开发中比较常见的问题 所以快速的定位问题以及解决掉它才能提高我们的开发速度 文章目录 jar 包冲突常见的一些问题 如何定位并解决冲突 jar 包冲突常见的一些问题 当出现下面问题异常的时候 如果clean jar包

  • 自定义的插件如何加载到Qt Designer中(详细）

    要想在Qt Designer中使用自定义控件 必须要使Qt Designer能够知道我们的自定义控件的存在 有两种方法可以把新自定义控件的信息通知给Qt Designer 升级 promotion 法和插件法 升级法最为简便快捷 顾名思义

  • 通信专题（一）——曼彻斯特编码

    前言 为了方便查看博客 特意申请了一个公众号 附上二维码 有兴趣的朋友可以关注 和我一起讨论学习 一起享受技术 一起成长 1 简介 在电信与数据存储中 曼彻斯特编码 Manchester coding 又称自同步码 相位编码 phase e

  • 【CSS】css清除单选按钮/多选按钮的默认样式

    多选按钮的样式把radio换成checkbox label input type radio appearance none webkit appearance none outline none margin 0 vertical ali

热门标签