input[type=‘checkbox’]更换按钮图标

最新推荐文章于 2024-07-29 14:52:42 发布

我是一棵小白菜呀

最新推荐文章于 2024-07-29 14:52:42 发布

阅读量682

点赞数

文章标签： css

本文链接：https://blog.youkuaiyun.com/weixin_45484007/article/details/124010824

版权

本文探讨如何通过CSS和JavaScript实现在不同状态下input[type='checkbox']背景图的动态切换，展示如何利用条件语句控制图片源，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input[type='checkbox']{   
    background:url("../../assets/imgs/iInsure/signTab.png")no-repeat center center;
    background-size:1rem 1rem;
 }
   input[type='checkbox']:checked{
   background:url("../../assets/imgs/addCustomer/finish.png")no-repeat center center; 
   background-size:1rem 1rem;
 }

图片路径自定义，会根据选中状态自己切换