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

このプラグインは、入力の上にキャンバスを置くようです。したがって、達成したいことは、そのキャンバスに描かれたものの色を変更することです。キャンバスの内容は css で操作できないため、Javascript を使用しないと色を変更できません。