css für input type='field'

**Dyonisus** · 27-03-2002, 19:56

Hallöle, ich habe in einem Formular einen Input vom Type field.
Das Feld, in welchem der Dateiname nach dem Durchsuchen erscheint, richtet sich auch komplett nach meinen Style Angaben,
der Butten, auf dem 'Durchsuchen' steht, nimmt nur die
Umrandung an. Schriftart und background-color sind standart...
Wie kann ich das beheben? Und hat vielleicht auch jemand ne
Ahnung, wie ich getrennt auf die values der beiden Elemente
zugreifen kann? Ist irgendwie unpraktisch, daß ein Input
Befel einen Butten und ein eingabefeld generiert, denn eigentlich
haben bei mir Buttons und Felder natürlich verschiedene Ränder.
Kann ich den Elementen unterschiedliche IDs geben?

**style-guide!** · 27-03-2002, 19:58

Mach es doch einfach so.....:

input.button {
deine button:einstellungen
}
input.text {
deine text:einstellungen
}

<input type=button class=button....>

input type=text class=text.....>

Verstanden? Probiere es aus

!

**Dyonisus** · 27-03-2002, 20:05

Ja, das ist ja klar, so behandele ich alle anderen Buttons oder Eingabefelder im Formular. Aber der< Input type='file'>
ist ja notwendig, wenn ich den Nutzer des Scriptes die Möglichkeit
geben will, seiner Mail einen Anhang anzufügen.
Das ist so ein Ding wie der Attach Butten hier unten.
Das aknn ich nicht anders lösen :o(

**Comet** · 27-03-2002, 20:49

Hallo!

INPUT = INPUT = INPUT.

Damit will ich sagen daß es egal ist ob dahinter steht type="file" oder type="password" oder type="text".
Wenn du per css einen Style allen inputs zuweist müßte es auch den <input type="file"> betreffen. Wenn nicht dann gibt es da wieder irgendwelche Browsereigenheiten, dann am besten mal nen anderen Browser probieren und wenns da dann geht einfach den anderen Browser bzw. dessen Hersteller die Schuld geben --> Ist eigentlich das Standardverfahren

**Dyonisus** · 27-03-2002, 21:02

Aber das Problem ist doch auch, daß ein <Input type='file'>
gleichzeitig Feld und Button ist. Kann man das nicht
einzelnd ansprechen?
Mal als Komplett Beispiel, weil ich mich so unverstanden fühle*g*:

<html>
<head>
<style type='text/css'>
#bereich{border:2px solid;border-color: #003377 #0055aa #0055aa #003377; background-color:#004499;color:#ffffdd;}
</style>
</head>
<body bgcolor='#004499'>
<input name='Anhang' type='file' id='bereich'>
</body>
</html>

Sooo, wenn ihr das mal als Seite betrachtet wird glaube ich klar, was ich wirklich meine ;o) Muß doch irgendwie möglich sein,
daß man das hinbekommt *seufz*

**style-guide!** · 27-03-2002, 22:58

Mischen impossible

**Dyonisus** · 28-03-2002, 03:53

Verdammt, das hatte ich fast befürchtet :o(
Dat Forum war meine Letzte Hoffnung ...

Nun denn, dann sieht's halt scheiße aus :o)

**reiflo** · 08-04-2002, 21:23

Hmm
Wenn dus nur zum Upload nehmen willst, kannst dus anpassen oder, weil du ja dann den Button extra hast

**MOTH** · 09-04-2002, 17:51

Code:

<input type="field" name="Anhang" value="Submit" style="background-color: #ffffff; color: #000000; font-family: Ms Sans serif, Verdana, Arial; font-size: 14">

müsste das es nicht erledigen?

**Dyonisus** · 11-04-2002, 12:49

Nein nein, scheint tatsächlich nicht zu gehen.
Natürlich kann ich einem "Field" so ein style verpassen,
aber beim Type "File" ist wieder nur das Eingabefeld betroffen :o(

Scheint wirklich unlösbar ...

**Lethe** · 11-04-2002, 13:15

nur mal theoretisch, ich weiß nicht, ob´s funzt:

leg das teil in ein eigenes div, z-index niedrig, absolut positioniert,
drüber ein div mit einer graphik mit einem button, wie er dir gefällt, z-index hoch, ebenfalls absolut positioniert, aber so, daß sie den anderen button überdeckt; und onclick="los geht´s"

u.U. mußt du noch it nem kleinen script das feld ansprechen, damit das onclick arbeitet

wie gesagt, ist nicht ausprobiert

is ganz sicher nicht die reine lehre, aber was soll´s, wenn´s geht

**Dyonisus** · 11-04-2002, 13:21

Ah Du Fuchs ;o)
wenn der Befehl
document.formularname.buttonname.click()
den Browse-button des fields anspricht, dann
sollte das tatsächlich klappen ...
*probier*
Aber by the way, z-index hab ich schon öfter gelesen, aber was ist das genau?

**Dyonisus** · 11-04-2002, 13:24

funzt!!
Danke ;o)

**.holger** · 11-04-2002, 13:27

z-index sagt wie "hoch" ein DIV liegt, also wenn Du dir nen Haufen Papier vorstellst, der übereinander liegt, dann hat das Blatt ganz oben den höchsten z-index und das ganz unten den kleinsten.

**Lethe** · 11-04-2002, 14:17

keine ursache; nebenbei es sollte auch möglich sein, mit "clip" den anzeigebereich des divs so zu beschneiden, daß nur das feld sichtbar ist. dann hättest du mehr ellenbogenfreiheit für die positionierung