Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » CSS: Durchsuchen button verändern Antworten
CSS: Durchsuchen button verändern

zeTo
Quasselstrippe


Beiträge: 241


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?


Diese Nachricht wurde geändert von: zeTo
  Profil   Editieren   Zitieren

sondermuelli
Quasselstrippe


Beiträge: 369


wie kann ich den auch noch weiter verändern?
gar nicht. du kannst ja schliesslich nicht eindeutig auf nur den button bezug nehmen.

---
wer hilft mir beim geschirr spülen?

  Profil   E-Mail   Website   Editieren   Zitieren

zeTo
Quasselstrippe


Beiträge: 241


acuh nicht allgemein auf alle durchsuchen button?

  Profil   Editieren   Zitieren

sondermuelli
Quasselstrippe


Beiträge: 369


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.


---
wer hilft mir beim geschirr spülen?

  Profil   E-Mail   Website   Editieren   Zitieren

zeTo
Quasselstrippe


Beiträge: 241


mmmh, schade ich dachte man könnte statt input bei css z.b. file nehmen oder so.

  Profil   Editieren   Zitieren

hagbard
Posting-Schinder


Beiträge: 539


Soll angeblich in einer kommenden CSS-Version möglich sein.

---
"Wer mit künstlicher Intelligenz arbeitet, muß auch mit natürlicher Dummheit rechnen." (Klaus Kornwachs)

  Profil   Editieren   Zitieren

sondermuelli
Quasselstrippe


Beiträge: 369


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.

---
wer hilft mir beim geschirr spülen?

  Profil   E-Mail   Website   Editieren   Zitieren

micha80
Pixelschubser


Beiträge: 1


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...

  Profil   E-Mail   Editieren   Zitieren

pjeremaine
Pixelschubser


Beiträge: 3


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.

  Profil   E-Mail   Editieren   Zitieren

sondermuelli
Quasselstrippe


Beiträge: 369


@pjeremaine

du hast wohl das topic nicht besonders ausführlich gelesen?

---
wer hilft mir beim geschirr spülen?

  Profil   E-Mail   Website   Editieren   Zitieren

pjeremaine
Pixelschubser


Beiträge: 3


@sondermuelli

leider ja.

  Profil   E-Mail   Editieren   Zitieren

moser
Pixelschubser


Beiträge: 21


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...


---
/* Moser [efm] */

  Profil   Website   Editieren   Zitieren

jug
Pixelschubser


Beiträge: 1


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

  Profil   Editieren   Zitieren

c3o
Posting-Schinder


Beiträge: 586



  Profil   E-Mail   Website   Editieren   Zitieren
 

Antworten
Nach oben