CSS3特效-自定义radio 单选列表勾选样式

最新推荐文章于 2024-08-16 03:38:37 发布

飒小北

最新推荐文章于 2024-08-16 03:38:37 发布

阅读量2.2k

点赞数

分类专栏： CSS/HTML 文章标签： HTML5 css3 自定义radio样式

本文链接：https://blog.csdn.net/tian_tian_gong/article/details/86649855

版权

本文介绍如何使用CSS3来创建自定义的radio单选按钮样式，展示了一个实现后的效果，并提供了相关的代码示例。

摘要由CSDN通过智能技术生成

单选列表勾选样式( radio)

效果图:
代码:

//css
/*ridio tick*/

.radio--tick {
   
	display: none;
}
.radio--tick+label
{
   
	display: inline-block;
	width: 100%;
	position: relative;
}
.radio--tick+label:after{
   
	content: "";
	width: 14px;
	height: 14px;
	display: inline-block;
	position: absolute;
	transform