Question

我有：

code.push(myFunction);

我想要两个状态的所有着色参数都必须在外部css文件中。正如所料：

var check=new Switchery(elem, {
    size: 'small',
    color: '#c00',
    secondaryColor: '#b7b7b7',
    jackColor: '#fff',
    jackSecondaryColor: '#f3f3f3',
    className: 'switchery'
});

没有工作。有什么想法吗？

Answer 1

我用 Jquery 解决了这个问题， 复选框旁边的所有切换都已更改。

通过改变背景颜色，并将 openshery 的颜色设置为无

>>> My fiddle Demo <<<<

elems.forEach(function(html) {
  var check=new Switchery(html, {
    size: 'small',
    color: '',    // to make it transparent, must set this 
    className: 'switchery switcherya'   // i am using custom class, but switchery is okay
    });
});

$('input[type="checkbox"]').on('click change', function(e) {
    if (this.checked) { //Checkbox has been checked
     $(this).next("span").css( "background-color", "" );   // Reset
  }
});

更多文档：

https://api.jquery.com/siblings/

Switchery定制外部CSS着色

1 个答案: