No sé si esto es lo que estás buscando...
Si utilizas solamente algo como:
Código:
<form>
<input TYPE="file" NAME="blahblah">
</form>
El botón y el campo de texto que se crean están atados como una propiedad única. No conozco ninguna forma de hacerlo simultáneamente pues al crearle un estilo, éste se te aplicará a ambos y no correctamente en el botón siempre. Si lo que deseas es cambiar el color del fondo del botón, podrías tratarlos por separado.
Propiedades que quieras aplicar en tu página para las CSS, en este caso por ejemplo yo anadí:
Código:
.mibgcolor {
color: #009999;
border: 3px solid #3399CC;
background-color: #000066;
}
Este sería el código de la página principal:
Código:
<form name="miforma" method="post">
Mi archivo:<br>
<script language="JavaScript">
if (document.all) {
document.write('<input type="file" name="file1" style="display: none;"><input type="text" name="file2"><br>');
document.write('<input type="button" value="Browse ..." class="mibgcolor" name="Buscar" OnClick="document.all.file1.click(); document.all.file2.value=document.all.file1.value">');
} else {
document.write('<input type="file" name="file1">');
}
</script>
</form>
Recuerda dejar cada document.write blahblah en cada linea asi como esta en el código, sino...no te servira.
Funciona para IE 5.5 + y Netscape 6+. No sé si para versiones anteriores.
Espero te sirva