Anzeige

input type file mit css stylen ?

input type file mit css stylen ? | PSD-Tutorials.de

Erstellt von philipp1988, 28.09.2008.

  1. philipp1988

    philipp1988 Nicht mehr ganz neu hier

    Dabei seit:
    14.09.2005
    Beiträge:
    248
    Geschlecht:
    männlich
    Ort:
    Braunschweig
    input type file mit css stylen ?
    Guten Abend oder auch schon Guten Morgen? ^^

    Ich bin gerade dabei ein HTML-TAG zu stylen, was ich bis jetzt nicht gebraucht habe -> Das file input tag ^^
    Kann man irgendwie den Button bzw das input feld stylen? :)

    Gibt es da eine Möglichkeit?

    Mfg ;)
     
    #1      
  2. Der_Ritter

    Der_Ritter Nicht mehr ganz neu hier

    Dabei seit:
    04.03.2008
    Beiträge:
    101
    Geschlecht:
    männlich
    input type file mit css stylen ?
    AW: input type file mit css stylen ?

    Guten morgen!
    Man kann jedes Tag in (X)HTML mit CSS stylen.
    zum Beispiel (hab ich aus nem Kontaktformular von mir):

    form input {
    font-size: 12px;
    font-weight: bold;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    height: 20px;
    border: 2px solid #FF8000;
    color: #424242;
    }

    Für das Feld.

    Für den Button einfach eine class zuweisen.

    <input type="submit" class="submit"......usw.

    .submit {
    border: 2px solid #FF8000;
    background-color: #FFFFFF;
    text-align: center;
    font-weight:bold;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #424242;
    padding-left: 3px;
    padding-right: 3px;
    }

    War es das was du wissen wolltest?

    Gruß
    Der_Ritter
     
    Zuletzt bearbeitet: 28.09.2008
    #2      
  3. philipp1988

    philipp1988 Nicht mehr ganz neu hier

    Dabei seit:
    14.09.2005
    Beiträge:
    248
    Geschlecht:
    männlich
    Ort:
    Braunschweig
    input type file mit css stylen ?
    AW: input type file mit css stylen ?

    Nein , dass war es nicht :)
    Es gbit das input Element type="file" wo ein input-Feld und ein Durchsuchen Button ( wo man seine Verzeichnisse durchsuchen kann ) erstellt wird.. so jetzt möchte ich die stylen... nur leider geht das irgendwie net...

    input und button Felder weiss ich wie man die styled - aber dieses input feld ist ja was ganz spezielles..
    m fg
     
    #3      
  4. anste

    anste Guest

    input type file mit css stylen ?
    AW: input type file mit css stylen ?

    Das file-feld lässt sich nicht stylen. Da musst du schon auf Flash oder was anderes zurückgreifen.
     
    #4      
  5. jackprince

    jackprince xHTML & CSS Junkie

    Dabei seit:
    12.07.2007
    Beiträge:
    528
    Geschlecht:
    männlich
    Ort:
    Leipzig
    Software:
    Putty, PS, DW, N++, Filezilla, Editor, ID, AI
    Kameratyp:
    Lumix
    input type file mit css stylen ?
    AW: input type file mit css stylen ?

    Du kannst aber dem speziellen Input Feld einfach ein Klasse zuweisen oder eine ID.

    Die Klassenzuordnung kannst du sogar in der Laufzeit vornehmen indem du per JS
    nach den entsprechenden Elementen suchst die deinen Bedingungen entsprechen.

    Die ID Zuweisung würde ich natürlich vorher vornehmen, direkt im Template etc.

    MfG

    jAcK

    P.S.:
    Es gibt zwar Möglichkeiten auch anhand von solchen Attributen eine Style Zuordnung vorzunehmen.

    Das wäre dann ein "Attributselektor"

    E[abc="xyz"] ~ Element[attribut="wert"]

    In deinem Beispiel ...
    HTML:
    1.  
    2. input[type="file"] {
    3.    dein Style Angaben
    4. }
    5.  
    Problem bei der Sache ... IE kann es erst ab V7, Opera generell nicht.
     
    #5      
  6. SuperSepp

    SuperSepp Noch nicht viel geschrieben

    Dabei seit:
    11.08.2008
    Beiträge:
    9
    Geschlecht:
    männlich
    input type file mit css stylen ?
    #6      
x
×
×
teststefan