iCheck复选框在手机上不起作用

Question

您好，有a login site。

它在浏览器上正常工作。但是，当我在手机上看到它时，它不显示复选框。

这是iCheck的脚本复选框。它显示手机上的原始复选框，如果我删除它。

$(function() { 
     $('input').iCheck({ 
      checkboxClass: 'icheckbox_square-blue', 
      radioClass: 'iradio_square-blue', 
      increaseArea: '20%' // optional 
     }); 
    }); 

请你看看。谢谢，

Answer 1

对于视网膜支持，css文件（blue.css）存在错误。背景图片链接被破坏。

background-image: url(blue.png); 

应该是正确的blue.css

/* Retina support */ 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (-moz-min-device-pixel-ratio: 1.5), 
only screen and (-o-min-device-pixel-ratio: 3/2), 
only screen and (min-device-pixel-ratio: 1.5) { 
    .icheckbox_square-blue, 
    .iradio_square-blue { 
     background-image: url(blue.png); 
     -webkit-background-size: 240px 24px; 
     background-size: 240px 24px; 
    } 
}