von c3o |
http://www.quirksmode.org/dom/inputfile.html |
von jug |
Es gibt eine - eher theoretische - Möglichkeit.
Man kann das Formularfeld transparent schalten und darunter ein beliebig formatiertes Formularfeld anzeigen, so dass es optisch so aussieht wie...
"opacity" wird dazu auf 0 gesetzt, dadurch kann man das file-Feld weiterhin benutzen, aber es ist unsichtbar. Damit der Dateiname auch sichtbar ist muss dann noch mit JS getrickst werden...
Aber, das ist sehr unpraktisch und auch nicht besonders sauber. Man benötigt zwei Formularfelder und JavaScript und mächtig viel CSS, sogar CSS 3 für die Transparenz und das alles für ein billiges Formularfeld...
MfG
jug |
von moser |
Soll angeblich in einer kommenden CSS-Version möglich sein. |
Nein. Es geht nicht und wird auch nicht gehen und das hat auch seinen guten Grund. Nicht auszudenken, was kleiner Phischer und andere Möchtegerne dann mit unbedarften Nutzern anstellen könnten...
|
von pjeremaine |
@sondermuelli
leider ja. |
von sondermuelli |
@pjeremaine
du hast wohl das topic nicht besonders ausführlich gelesen? |
von pjeremaine |
Versuch´s hiermit!
<input type="submit" id="submit" name="submit" value="Anmelden" class="button" />
ganz wichtig ist, das du dem input Feld eine id vergibst.
dann einfach im stylesheet auf input#submit bezug nehmen
Bsp:
input#submit {
float: none;
width: auto;
}
Mit der id kannst du alle Felder im Formular individuell gestalten.
|
von micha80 |
hast du schon einmal versucht mir css-klassen zu arbeiten?
style sheet:
.button { ... }
html-datei:
<input type="file" name="name" class="button">
damit müsste es gehen... |
von sondermuelli |
hagbard schrieb am 23.06.2004 13:09
Soll angeblich in einer kommenden CSS-Version möglich sein. |
das kann man dann in betracht ziehen, wenn internet explorer 10 raus ist. |
von hagbard |
Soll angeblich in einer kommenden CSS-Version möglich sein. |
von zeTo |
mmmh, schade ich dachte man könnte statt input bei css z.b. file nehmen oder so. |
von sondermuelli |
bLub schrieb am 22.06.2004 20:36
acuh nicht allgemein auf alle durchsuchen button? |
wie denn? du kannst dich mit der css-definition ja nur auf das <input type="file"> beziehen. da dieses sowohl ein normales textfeld als auch einen button enthält, muss sich der browser ja entscheiden, für welches der beiden (oder ob überhaupt) er css-formatierungen übernimmt, würde er die css-formatierungen für beide übernehmen, würden eingabefeld und button identisch aussehen, was wohl kaum im sinne des erfinders wäre.
|
von zeTo |
acuh nicht allgemein auf alle durchsuchen button? |
von sondermuelli |
wie kann ich den auch noch weiter verändern? | gar nicht. du kannst ja schliesslich nicht eindeutig auf nur den button bezug nehmen. |
von zeTo |
tach
die normalen z.b. submit button:
1: | <input type="submit" name="name"> |
kann man ja in css ganz einfach s.b. so verändern
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11: | input
{
font-size: 8pt;
font-family: Verdana;
background-color:#efefef;
border-width:1px;
border-style:dotted;
padding:0mm;
border-color:#000000;
border-collapse: collapse;
} |
doch den button, der bei
1: | <input type="file" name="file"> |
automatisch auch mit erzeugt wird, interessiert das nicht. wie kann ich den auch noch weiter verändern?
|