javascript - jquery 旋钮使用 CSS 改变颜色

Question

我正在使用 jQuery 旋钮插件。

来源:http://anthonyterrien.com/knob/

我知道它的选项，您可以在 JS 文件中进行编辑。

问题:

如何使用 CSS 更改颜色 ( fgColor, bgColor )？

HTML:

<input type="text" value="1" class="dial">

JS:

$(function() {
    $(".dial").knob({
        readOnly: true,
        fgColor: '#009900',
        bgColor: '#00ff00'
    });
});

CSS:

.dial {
// options
}

感谢您的建议。

Answer 1

此插件似乎在您的输入上方放置了一个 Canvas 。所以你想要实现的是改变 Canvas 上绘制的东西的颜色。由于您无法使用 css 操作 Canvas 的内容，因此您无法在不使用 Javascript 的情况下更改颜色。