<script type="text/javascript">
function size1(){
document.getElementById('inp').style.fontSize='10px';
document.getElementById('inp').style.outlineColor = 'rgb('+Math.floor(Math.random()*256)+', 0, 0)';
} // в Opera не работает пока не поставишь курсор в input
function size2(){
document.getElementById('inp').style.fontSize='20px';
document.getElementById('inp').style.outlineColor = 'rgb('+Math.floor(Math.random()*256)+', 0, 0)';
} // в Opera не работает пока не поставишь курсор в input
</script>
<input type="text" value="test" id="inp" style="position:absolute; width:100px; height:50px">
<br><br><br><br>
<input type="button" value="10" onclick=size1()>
<input type="button" value="20" onclick=size2()>
оно?