HTML表单输入以更改CSS字体颜色

时间:2016-12-09 05:31:52

标签: javascript css forms

我正在尝试使用HTML表单提交颜色值。

<form>
Font color:<br>
    <input type="color" name="colorInput">
    <input type="submit" value="Submit">
</form>

然后我想让颜色值替换CSS中字体颜色的另一个值:

textarea {color: #fff;}

我是新手,对编码经验不足。

提前谢谢!

1 个答案:

答案 0 :(得分:2)

&#13;
&#13;
textarea {color: #fff;}
&#13;
<form>
Font color:<br>
    <input type="color" name="colorInput">
    <input type="submit" value="Submit" onsubmit="return false"  onclick="document.getElementById('ss').style.color=colorInput.value; console.log(colorInput.value)">
</form>


<textarea id="ss"rows="10" cols="30">test</textarea>
&#13;
&#13;
&#13;