使用 jscolor 更改文本颜色答案

【问题标题】：Change text color with jscolor使用 jscolor 更改文本颜色
【发布时间】：2019-11-13 14:31:50
【问题描述】：

我使用http://jscolor.com/ 进行颜色操作，我需要能够更改此按钮<a href="#" id="button_cont" >Call to action</a> 中的文本颜色。到目前为止，我只发现这段代码接近我的情况，但它也不适用于我。

<script type="text/javascript">

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

    </script>


    <input type="text" class="jscolor" onchange="update(this.jscolor);" /> 

<a href="#" id="button_cont" >Call to action</a>

【问题讨论】：

首先，您是否在页面中包含了 jscolor.js 脚本？
当然，我现在可以在此按钮中更改 bg 但我需要更改字体颜色
你是否包含了 jQuery 库？控制台说什么？有什么错误吗？
我刚试过，一切正常。
什么不起作用？蓝色变成红色了吗？您是否在控制台中遇到错误？

标签： javascript jscolor

【解决方案1】：

您可以使用onchange 回调来更新您的按钮文本颜色。

<body>
  <input type="text" class="jscolor" onchange="update(this.jscolor);" />
  <a href="#" id="button_cont">Call to action</a>
  <script type="text/javascript">
    function update(jscolor) {
      $("#button_cont").css("color", "#" + jscolor);
      // document.getElementById('button_cont').style.color = '#' + jscolor;
    }
  </script>
</body>

记得包含你的脚本导入

<script src="jscolor.js"></script>

当然还有 jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

【讨论】：

一开始它不起作用，但你知道它是什么吗？它是颜色：#ffffff!important;我删除了！important，现在它可以工作了！谢谢。

【解决方案2】：

您可以将.style.color 调用到元素并使用您需要将按钮更改为的任何颜色。每当我想更改 CSS 属性时，我总是调用.style。打电话

document.getElementById("button_cont").style.color("red");

例如，如果您想将元素的颜色更改为红色。

【讨论】：

对不起，我没有注意到它是一个元素。
对不起，我不知道该怎么做，请您用代码更新您的答案吗？