[TYPO3-german] Powermail CSS Formatierung

[Reinhard Führicht]

Timo Bienk schrieb:
> Sandra Tyrchan schrieb:
>> Hallo Zusammen,
>>
>> hat jemand eine Ahnung, wie ich auf das input Feld und den Durchsuchen
>> Button vom Fileupload per CSS zugreifen kann?
> 
>> Hat jemand nen Rat für mich? Kann man das überhaupt formatieren?
> 
> 
> Hallo,
> 
> grundsätzlich kann man _alles_ mit CSS formatieren (auch wenn nicht für 
> jedes Element ein class oder id existiert geht das über Vererbung). Wenn 
> du styles vergibst, die nicht greifen und du die üblichen Fehler 
> (Tippfehler, css-File nicht geladen etc.) ausschliessen kannst, tippe 
> ich stark auf eine zu geringe Spezifität oder "Wichtigkeit" deines 
> Eintrags, welcher zum tragen kommt zeigt dir Firebug z.B.
> 
> Bei deinem Beispiel hast Du doch bereits schon eine id uid10 für dein 
> input-Element. Also greift hier ein #uid10 {dings:bums}.
> Wenn dein Style in diesem Fall nicht greift, muss du die Spezifität 
> künstlich erhöhen (google: css spezifität).
> Dann schreibst du im CSS-File also statt #uid10 {dings:bums}:
> 
> input#uid10 {dings:bums}
> oder
> #elternelementid input #uid10 {dings:bums}
> oder...
> 
> Für Notfälle erhöhe die Wichtigkeit durch ein an den Wert angehängtes 
> "!important"
> 
> #idname {border:none!important}
> 
> nachteil: Falls Benutzer eigene Styles in ihrem Browser für deine Seite 
> verwenden, werden diese dann auch überschrieben (imho vernachlässigbar).
> 
> Nochmal zum mitschreiben:
> 
> #uid10 {border:none} <- geringe Spezifität
> #elternelementid input #uid10 {border:1px solid #eee} <- höhere Spezifität
> 
> Der zweite Eintrag hat eine höhere Spezifität, die id uid10 erhält also 
> einen grauen Rahmen.
> 
> hth
> 
> gruß
> timo

Hallo,

da es sich bei diesem Element nicht um ein "normales" input-Feld sondern 
um ein Fileuploadfeld handelt, kann dieses eben nicht so einfach per CSS 
gestylt werden. Das hat mit der "Wichtigkeit" der CSS-Regeln meiner 
Meinung nach überhaupt nichts zu tun.

Zur Problematik "Stylen eines Fileuploadfelds" siehe z.B.:

http://www.quirksmode.org/dom/inputfile.html (bereits von Christian 
Wolff erwähnt)
http://www.ihaslayout.com/2009/04/09/fileuploadfeld-komplett-mit-css-stylen/
http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom

Grüße,
Reinhard