[lord232]

Hallo liebe Bordler,

ich habe mal eine Frage zur CSS-Formatierung eines <input type="file" name="upload-file"> Tags.
Ich habe jetzt ein Formular erstellt, dass wie folgt aussieht:



Nun meine Frage: Wie kann ich das Textfeld alleine über CSS ansprechen?
Das habe ich schonmal versucht, doch dann wurde der Button vergrößert
und nicht das Textfeld.

Könnt ihr mir helfen?

MFG,
Lord232

[[Elite-|-Killer]]

Du kannst daran mit CSS nichts großartig verändern, was vom W3C auch so gewollt ist.
Mit JavaScript kannst du es allerdings umgehen http://www.quirksmod.../inputfile.html, was allderings nicht wirklich schön ist.

[K050V4]

Dass müsste doch funktionieren, du musst jedoch dem Input-Feld, welches du gestalten möchtest, zu erst einen "Namen" geben. Beispielsweise so:

<input ... class="MeinInputFeld" />

Und dann in deiner CSS-Datei oder im Header-Bereich bei deinen CSS-Abschnitt:

.MeinInputFeld {
  ...
}

Habe es aber selber noch nicht ausprobiert...

[[Elite-|-Killer]]

@K050V4:
Damit kannst du aber nur das Konstrukt als ganzes ansprechen, jedoch nicht Textfeld und Select/Browse-Button seperat formatieren.

[lord232]

@K050V4

Leider hat [Elite-|-Killer] recht, denn der Tag als ganzes wird angesprochen. Du hast deine Idee ja als "class" eingetragen, doch es wirkt sich für den ganzen Tag aus, da das Textfeld alleine nicht angesprochen wird.

Lord232