jquery旋钮用CSS改变颜色

时间:2013-10-23 18:05:49

标签: javascript jquery html css

我正在使用jQuery knob插件。

来源: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
}

感谢您的建议。

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:-1)

我设法只更改其中的数字,但仍无法更改圆圈

你只需将此行放在.css中,它就会改变颜色

.dial {color:#ff3738!important; }