与JS和上传用的file对象美化有关的问题

[yiyuanhong]

先上图：
http://hi.csdn.net/attachment/201009/11/5773418_128418984584An.png

http://hi.csdn.net/attachment/201009/11/5773418_12841898466JKi.png

原来上传的按钮和输入框是很难看的，我用css样式美化了下，看起来好看些了，像第一张图那样。我的上传可以文件上传，问题就来了，点击“继续上传”后，新生成的file对象就还是老样子了，那样很难看啊，大家也看到了。我在JS代码里改也改不好，请问哪位有办法？我把代码发上来.
JS中代码：
function addMore(){

var td = document.getElementById("more");

var br = document.createElement("br");
var input = document.createElement("input");
var button = document.createElement("input");

input.type = "file";
input.name = "myFile";

button.type = "button";
button.value = "删除";
button.color ="blue";

button.onclick = function(){

td.removeChild(br);
td.removeChild(input);
td.removeChild(button);

}

td.appendChild(br);
td.appendChild(input);
td.appendChild(button);

}
function writereceiver(form) {
var R=document.getElementById("receiver");
R.value = "";
for (var i=0;i<form.elements.length;i++) {
var e = form.elements[i];
if (e.name == "address" && e.checked == true) {
R.value = R.value + e.value + ";"
}
}
}

JSP页面中出发JS函数的代码：
<input name="myFile" type="file" class="button" /><input type="button" value="继续上传" class="button" onclick="addMore()"/><td id="more">

class="button"是我采用的css样式。

[yiyuanhong]

图还是发不上去，杯具了。。。

[Tassdars]

input.type = "file";   
input.name = "myFile";
input.className = "button"// 这里加一句指定class属性

[yiyuanhong]

可以了，谢谢你。