我正在使用此插件来自定义广播和复选框iCheck 我试图在这里搜索,但似乎所有的解决方案都不适合我。所以我在这里发布了一些帮助,希望有人能帮助我实现这个目标。
这是我现在的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="http://fronteed.com/iCheck/skins/futurico/futurico.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="http://fronteed.com/iCheck/icheck.js?v=1.0.1"></script>
<script>
$(document).ready(function(){
$('input').iCheck({
checkboxClass: 'icheckbox_polaris',
radioClass: 'iradio_polaris',
increaseArea: '-10%' // optional
});
});
</script>
</head>
<body>
<input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="iCheck">
<input type="radio" name="iCheck">
</body>
</html>
&#13;
提前谢谢。
答案 0 :(得分:2)
提供的类名对于您包含的主题css是错误的。您主题的课程为icheckbox_futurico
和iradio_futurico
。
$('input').iCheck({
checkboxClass: 'icheckbox_futurico',
radioClass: 'iradio_futurico',
increaseArea: '-10%'
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://fronteed.com/iCheck/icheck.js"></script>
<link href="http://fronteed.com/iCheck/skins/futurico/futurico.css" rel="stylesheet" />
<div>
<input type="checkbox">
<input type="checkbox" checked>
<input type="radio" name="iCheck">
<input type="radio" name="iCheck">
</div>