使用输入类型颜色更改文本的颜色

时间:2017-05-01 21:39:14

标签: html input


可能是这样的脚本:
当您从输入类型=颜色更改颜色时,它会自动更改文本的颜色?
谢谢!

1 个答案:

答案 0 :(得分:0)

是的,是的。

var input = document.getElementById("changetext");
var text = document.getElementById("text");

input.addEventListener('change', function () {
  text.style.color = this.value;
});
<input id="changetext" type="color">
<p id="text">Text<p>

或者使用JQuery

$('input[type="color"]').on('change', function() {
  $("p").css("color", $(this).val());
});