Question

让这段HTML代码：

<button
   id= 'btnBckGrndColor'
   class="jscolor {valueElement:'valueInput', styleElement:'zColorSample'}">A button
</button>

 Chosen value: <input id="valueInput" value="">

 <div id="zColorSample">Some text</div>

显然，它会修改zColorSample的背景颜色。

如何修改zColorSample的字体颜色？

Answer 1

有点晚了，但我想我会回答，因为我刚才有这个问题。为了使用JsColor实现这一点，我只是将类jscolor添加到input元素，然后添加了onchange属性，它指向了一个更新函数，它将更新字体颜色。以下是我所做的一个例子，

<input type="text" class="jscolor" onchange="update(this.jscolor);" />
<p id="toChange">Text To Change</p>

然后使用jQuery，

更新函数看起来像这样

function update(jscolor) {
    $('#toChange').css("color", "#" + jscolor);}

使用jscolor更改字体颜色

1 个答案: