WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » CSS: Durchsuchen button verändern » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

CSS: Durchsuchen button verändern
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?

Nach oben