<script type="text/javascript" src="http://s17.ucoz.net/src/jquery-1.7.2.js"></script>

<style>
body{
background:#efefef;
}
</style>

<div id="colors">

<input type="text" id="text" value="404040" maxleght="6">

<select id="textb">
   <option value="underline">Подчёркнуто</option>
   <option value="none">Неподчёркнуто</option>
</select><br>

<input type="text" id="hov" value="606060" maxleght="6">

<select id="hovb">
  <option value="underline">Подчёркнуто</option>
   <option value="none">Неподчёркнуто</option>
</select><br>

<input type="text" id="act" value="ccc" maxleght="6">

<select id="actb">
  <option value="underline">Подчёркнуто</option>
   <option value="none">Неподчёркнуто</option>
</select><br>

<input type="text" id="size" value="30" maxleght="6"><br>

<a href="#" id="but">Проверка</a><br>
<a href="#">ССылка</a>
</div>
<script>
var color;
var hov;
var act;
var size;
$("#but").click(function(){
var bod=$("body").html();
color=$("#text").val();
hov=$("#hov").val();
act=$("#act").val();
size=$("#size").val();
$("body").html(bod + '<style>a{color:#'+ color + ';font-size:' + size + 'px;text-decoration:' + textb || textb1 + ';}a:hover{color:#' + hov + ';text-decoration:' + hovb + ';}a:active{color:#' + act +';text-decoration:' + actb + ';}</style>');
alert('a{color:#'+ color + ';font-size:' + size + 'px;text-decoration:' + textb + ';}a:hover{color:#' + hov + ';text-decoration:' + hovb + ';}a:active{color:#' + act +';text-decoration:' + actb + ';}')
});
</script>