Html/CSS/JavaScript

我正在做一个网站，你可以写在输入字段的文本，还有3个选项菜单，你可以改变文本颜色，背景色和字体风格。当我选择选项时，只有背景颜色和输入字段外的文本颜色会发生变化…我该怎么做才能使输入字段发生变化

编辑： 现在，我可以在输入字段中更改背景和文本颜色，但无法更改字体样式…我看不出有什么问题

Visitkort
函数SkrivUt（）{
var-foretag=document.getElementById（'foretag'）；
foretag.value=document.getElementById（'foretagText'）.value；
var efternamn=document.getElementById（'efternamn'）；
efternamn.value=document.getElementById（'efternamText'）.value；
document.getElementById（'fornamnNamn'）。value=document.getElementById（'fornamnNamnText'）。value；
document.getElementById（'title'）.value=document.getElementById（'titleText'）.value；
document.getElementById（'telefon'）.value=document.getElementById（'telefonText'）.value；
document.getElementById（'ePost'）。value=document.getElementById（'epostText'）。value；

假设您的输入字段仅为

。然后您可以使用css设置该元素的样式并更改文本颜色

您可以使用css选择器访问元素。您可以在此处找到有关选择器的更多信息：

在您的示例中，我们可以简单地给输入字段一个id

<input id="example"></input>

如果要更改javascript中的样式，请执行以下操作：

element.style.color = "yourcolor";

元素是您的输入字段。您可以使用方法

document.getElementById（“示例”）；

获得它，像这样吗

；（function（）{//String.randColorHex//返回十六进制颜色代码
变量a='0123456789ABCDEF'。拆分（''），
b=a.长度；
函数mathRand（min，max）{var r=Math.random（）*（max-min+1）；返回~~r+~~min；}
函数randColorHex（）{
VarC=mathRand（01100）%2？3:6，d=['#']；
对于（var i=0；i您可以使用
document.getElementsByTagName
以输入元素为目标。然后您必须通过使用
for循环来循环每个
输入
元素，以更改每个元素的
样式

下面是我添加到您的
SkrivUt（）函数中的内容：

var inputEl = document.getElementsByTagName('input');
for (i=0; i < inputEl.length; i++){
    inputEl[i].style.color = document.getElementById('textColor').value;
}

var inputEl=document.getElementsByTagName（'input'）；
对于（i=0；i

以下是答案。
如果您发布了到目前为止的内容，回答这个问题会更容易。现在编辑它！：）谢谢您，这帮了大忙！
var inputEl = document.getElementsByTagName('input');
for (i=0; i < inputEl.length; i++){
    inputEl[i].style.color = document.getElementById('textColor').value;
}