File-Upload mit CSS formatieren Einstellungen

[Thomas]

Auf der Suche nach einer browserübergreifenden Lösung für dieses Problem bin ich auf folgende Seite gestoßen. Leider etwas zu umfangreich für mich, außerdem sollte das Ganze auch ohne JS funktionieren. Falls jemand der Mitlesenden noch eine JS-freie Lösung parat hat, bitte hier melden.

[Cchater]

Hallo,
es ist möglich inputfelder des types "file" zu formatieren, bzw über einen kleinen umweg:
css:

QUELLTEXT

div.fileinput {
    position: relative;
}

.faux {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

input.file {
    position: relative;
    -moz-opacity:0;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

Und hier der Passende HTML-Text:

QUELLTEXT

<form>
<h1>Hallo Welt!</h1>
    <div class = "fileinput" >
        <input type="file" name = "file1" id="file1" class = "file" onchange = "file2.value = this.value;" tabindex = "1">

    <span class = "faux">
        <input type="text" name = "file2" id="file2" style = "border:1px Black dotted;" >
        <input type = "button" name = "button" id = "button" value = "Durchsuchen..." style = "border:1px Black Solid;Background:Lightblue;color:Darkblue" />
    </span>    
</div>
</form>

Muss jeder selber gucken, wie er sich das CSS zusammenbastelt...

Gruß Cchater

[Auge]

Hallo,
es ist möglich inputfelder des types "file" zu formatieren, bzw über einen kleinen umweg:
css:

QUELLTEXT

input.file {
     position: relative;
     -moz-opacity:0;
     filter:alpha(opacity: 0);
     opacity: 0;
     z-index: 2;
}

Das ist eine sehr spezielle Formatierung. Du machst ja nichts anderes, als <input type="file"> zu positionieren und unsichtbar zu machen, was im Normalfall (zumindest bezüglich des Ausblendens) wohl eher nicht erwünscht ist. Das geht, aber weiter oben ging es darum, diesem Elementtyp Rahmen oder (Hintergrund)Farben zuzuweisen, wie es z.B. für <input type="text"> möglich ist. Das geht bei den aktuellen Browsern aber nicht, bei älteren Browsern, so sie überhaupt noch relevant sind, erst recht nicht.

Tschö, Auge