gpt4 book ai didi

javascript - 使用 jscolor 更改文本颜色

转载 作者:行者123 更新时间:2023-11-30 19:07:31 25 4
gpt4 key购买 nike

我使用 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>

最佳答案

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

关于javascript - 使用 jscolor 更改文本颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58839394/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com