将 CSS 添加到 Jquery 旋钮？

Question

我有两个问题。首先，如何更改旋钮的 CSS？我试过向它添加 class 但这似乎没有用。也没有做内联样式。任何人都知道如何做到这一点（一个例子会很棒）？

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

编辑：要更改 CSS，您必须使用 Draw 函数，因为它是使用 Canvas 完成的，无法直接将 CSS 应用于它。

这对我有用：

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

Answer 1

答案一：

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

答案2：

请尽快更新。

Answer 2

因为jQuery旋钮使用了Canvas，所以我们不能直接通过CSS自定义这个。

或者您可以使用 jQuery roundSlider 插件，它类似于旋钮，但它仅基于 div 元素构建。所以您可以根据自己的意愿自定义整体控件。

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

Adding CSS to Jquery knob?