Seite 1 von 1

Design des Durchsuchenbutton von Dateiuploads mit css def.

Verfasst: 01.08.2006 17:21
von JHO-Clan
Hi,

Ich hab da mal ne Frage:
Auf meiner Website habe ich das Design der Buttons und Eingabebereiche
per css folgendermaßen festgelegt:

Code: Alles auswählen

.button{
border-bottom: black 1px solid;
border-left: #297394 1px solid;
border-right: black 1px solid;
border-top: #297394 1px solid;
font-family:Verdana;
font-size: 11px;
text-align:left;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
font-weight:bolder;
color:black;
background-color:#dfdfdf;
cursor:hand;
display:inline;
width:auto;
}
.text{
background-color:whitesmoke;
color:#297394;
border:1px solid black;
}
Die Definierungen spreche ich dann z.b. bei einem Button mit

Code: Alles auswählen

class="button"
an.

´Das Problem besteht darin, dass ich über diese Methode beim Feld

Code: Alles auswählen

<input type="file">
also beim Uploadfeld nur ein Design auf Input und Durchsuchen-Feld anwenden kann.

Hat jemand eine Idee, wie ich das Design der beiden Elemente unabhängig voneinander definieren kann?

Also z.b.

Code: Alles auswählen

<input type="file" name="data" text_class="text" button_class="button">

Verfasst: 01.08.2006 23:54
von S2B
Das ist leider so gut wie gar nicht möglich. Das einzige, was man da machen könnte, wäre ein Element, das über dem Button ist (sprich ihn verdeckt), die Lösung ist aber auch nicht wirklich sauber. :-?

Verfasst: 02.08.2006 00:36
von JHO-Clan
Hmmmm....
Na gut;; :( Da kann man nichts machen.

Trotzdem Danke...

Verfasst: 02.08.2006 12:49
von nuunuu
Ich glaube dafür kannst du höchstens mit Inline Style arbeiten. also, du musst dann die Styles in das Input und so mit reinschreibn.

Bye Invisible