使用codeigniter显示图像以代替复选标记

使用codeigniter显示图像以代替复选标记,codeigniter,checkbox,background-image,imagebutton,checkboxlist,Codeigniter,Checkbox,Background Image,Imagebutton,Checkboxlist,我在这里找到了这个密码。有人知道这是否适用于codeigniter吗。我希望一些人能够点击图像,并执行与复选框相同的功能。单击图像后,它将显示一个新的图像覆盖,该覆盖将是图像顶部的复选标记 我找到的密码 输入[类型=复选框]{ 显示:块; 宽度:30px; 高度:30px; 背景重复:无重复; 背景位置:中心; 背景尺寸:包含; -webkit外观:无; 大纲:0; } 输入[类型=复选框]:选中{ 背景图像:url('data:image/svg+xml;utf8'); } 输入[类型=复选

我在这里找到了这个密码。有人知道这是否适用于codeigniter吗。我希望一些人能够点击图像,并执行与复选框相同的功能。单击图像后,它将显示一个新的图像覆盖,该覆盖将是图像顶部的复选标记

我找到的密码

输入[类型=复选框]{
显示:块;
宽度:30px;
高度:30px;
背景重复:无重复;
背景位置:中心;
背景尺寸:包含;
-webkit外观:无;
大纲:0;
}
输入[类型=复选框]:选中{
背景图像:url('data:image/svg+xml;utf8');
}
输入[类型=复选框]:未(:选中){
背景图像:url('data:image/svg+xml;utf8');
}


它与codeigniter无关。这是一个简单的html复选框,顺便说一句,是的,它将与它一起工作。非常感谢您的帮助!