将CSS添加到Jquery旋钮？

Question

我有2个问题。首先，你如何改变旋钮的CSS？我已经尝试添加一个类，但似乎没有用。也没有做内联样式。任何人都知道如何做到这一点（一个例子是惊人的）？

其次，有没有人知道如何根据窗口大小修改旋钮的大小？我似乎无法弄清楚如何让百分比输入。

编辑：要更改CSS，必须使用Draw功能，因为它是使用Canvas完成的，没有办法直接将CSS应用到它。

这对我有用：

$(".dial").knob({
    'draw': function() {
        $(this.i).css('font-size', '100px');
      }
});

Answer 1

由于jQuery Knob使用Canvas，所以我们无法通过CSS直接自定义。

或者你可以使用类似于knob的jQuery roundSlider插件，但它只基于div元素构建。因此，您可以根据自己的意愿自定义整体控制。

有关详细信息，请查看demos和documentation页。

点击此处different appearances。

Answer 2

回答1：

要更改颜色，您可以在初始化对象时使用data-fgColor="#222222"属性。因为它的画布CSS在那里不起作用。您还想申请其他什么样的风格？

回答2：

尽快更新你。