如何动态改变Form上的颜色？包括标题，文字，背景等等，颜色代码是要输入的

做一个用户自定义风格的网页，用户可以输入颜色代码。
按钮按下后，马上反映出效果。一开始想如何改变CSS文件，可是没找到方法。
后来想用JavaScript，但是字体总是不变。
该怎么办好？

解决方案 »

  1.   

    但我写的代码，Title总是不变颜
      

  2.   

    <html>
    <body>
    <input id=tipContent name=tipContent><input type=button id=btn name=btn value="更换" onclick="OnBtnClick()">
    <br>
    <span id=tar name=tar >鼠标移动到这里可看到title提示</span>
    <script language=javascript>
    function OnBtnClick()
    {
      document.all.tar.title=document.all.tipContent.value;
      document.all.tar.style.backgroundColor=document.all.tipContent.value;
    }
    </script>
    </body>
    </html>你试试在文本框中输入“blue”，“yellow”等颜色看看，提示和背景色都会变的
      

  3.   

    //的部分不成功function setColor()
    {
    if (document.Form1.item('txtBkColor').value != '')
    {
    document.body.style.backgroundColor= document.Form1.item('txtBkColor').value;
    }
    if (document.Form1.item('txtFrColor').value != '')
    {
    document.body.style.color = document.Form1.item('txtFrColor').value;
    }
    if (document.Form1.item('txtInColor').value != '')
    {
    //document.Form1.item('lblTitle').ForeColor = document.Form1.item('txtInColor').value;
    }
    return true;
    }
      

  4.   

    function setColor()
    {
    if (document.Form1.item('txtBkColor').value != '')
    {
    document.body.style.backgroundColor= document.Form1.item('txtBkColor').value;
    }
    if (document.Form1.item('txtFrColor').value != '')
    {
    document.body.style.color = document.Form1.item('txtFrColor').value;
    }
    if (document.Form1.item('txtInColor').value != '')
    {
    //document.Form1.item('lblTitle').ForeColor = document.Form1.item('txtInColor').value;
    }
    return true;
    }