input file aussehen verändern

[jimxstark]

<input name="datei" type="file" size="20">

hier so einem input feld erscheint ja ein "durchsuchen" button! kann ich das aussehen dieses buttons generell und am besten mit css verändern?

 

[WoWa]

Ja du kannst das aussehen des Buttons mit CSS verändern.. Habe leider gerade kein Beispiel zur Hand, jedoch solltest du auf selfhtml Hilfe finden..

(Du kannst beim Button das gesammte Aussehen verändern..)

 

[dkdenz]

Der Fantasie sind (fast) keine Grenzen gesetzt.
Man kann auch ein Bild nehmen.

input
{
background:#fff;
border:1px solid #000;
color:#000;
font-weight:bold;
}

textarea
{
background:#fff;
border:1px solid #000;
font-family:Arial, Helvetica, Sans-Serif;
color:#000;
font-weight:bold;
}

Beispiel für externe CSS

 

[womstar]

Den Button an sich kann man nicht ändern, der wird immer Grau sein.
Eben sowenige kann man mit Width die Breite ändern. Jedenfalls geht es im Firefox, Mozilla und im NS nicht.

Dafür hab ich mal ein Fix entwickelt.

//
// Fix Mozilla/Firefox Bug
// input:file
//
MS_set_input_size = function(id, inputsize) {
		if(document.getElementById(id) != null) {
			document.getElementById(id).size = inputsize;
		}
};

window.onload = function() {

	MS_set_input_size("input_file_id", 63);
};

 

[dkdenz]

Hast recht...
Wer lesen kann ist klar im Vorteil...