使用jscolor更改文本颜色



我使用http://jscolor.com/用于颜色操作,并且我需要能够更改此按钮CCD_ 1中的文本颜色。到目前为止,我只发现这段代码与我的情况很接近,但它也不适用于我。

<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>

您可以使用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>

您可以对元素调用.style.color,并使用任何需要更改按钮的颜色。每当我想更改CSS属性时,我总是调用.style。呼叫

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

例如,如果要将元素的颜色更改为红色。

相关内容

  • 没有找到相关文章

最新更新