input-Feld für Fileupload mit CSS designen

[phi]

Hallo,

ich habe folgendes Problem:

Ich möchte gerne ein Input-Field für einen File-Upload designen. Konkret möchte, ich gerne
a) die Größe/Breite des Buttons mit der Aufschrift "Durchsuchen" anpassen/definieren,
b) die Breite des Textfeldes, in dem der Dateiname erscheint festlegen.

Folgendes habe ich bereits gemacht:

<input class="button1" type="file" size="30" />

.button1 {
 width:  200px;
 height: 24px;
 background-color: #FBF7F0;
 color: #4A453B;
}

Vielen Dank für die konstruktive Anregungen.

[Daniel Steinmann]

Hi

Ich meinte:

display: block;
    margin: 5px 10px 5px 10px;

anstelle von margin (ausserhalb border) evtl. padding (innerhalb border)

Gruss
Daniel

»»a) die Größe/Breite des Buttons mit der Aufschrift "Durchsuchen" anpassen/definieren,
»»b) die Breite des Textfeldes, in dem der Dateiname erscheint festlegen.

<input class="button1" type="file" size="30" />

.button1 {

display: block;
    margin: 5px 10px 5px 10px;

width:  200px;
height: 24px;
background-color: #FBF7F0;
color: #4A453B;
}

[Struppi]

Ich möchte gerne ein Input-Field für einen File-Upload designen. Konkret möchte, ich gerne
a) die Größe/Breite des Buttons mit der Aufschrift "Durchsuchen" anpassen/definieren,

Das geht nicht.

Vielen Dank für die konstruktive Anregungen.

Hier findest du einen Workaround
http://www.quirksmode.org/dom/inputfile.html

Struppi.