---

Hej NG
Jeg sidder og prøver at lave formatering til en formular, hvor der skal være
et input af typen file. Input af typerne text og password samt textarea kan
jeg formatere med css:

input, textarea{
width: 300px;
border: 1px solid #ccf;
font-size: 10px;
font-family: verdana, sans-serif;
}

Men når jeg prøver det med et <input type="file" ... , virker formateringen
ikke i (min?) Mozilla. I Opera og IE er der ingen problemer.

Jeg har lavet en side, der viser problemet:

www.hjemmesideskolen.dk/html/form.asp

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

---

Erik Ginnerskov wrote:

> Jeg sidder og prøver at lave formatering til en formular, hvor der skal være
> et input af typen file. Input af typerne text og password samt textarea kan
> jeg formatere med css:
>

[Snip CSS på form felter]

>
> Men når jeg prøver det med et <input type="file" ... , virker formateringen
> ikke i (min?) Mozilla. I Opera og IE er der ingen problemer.
>

Browse-knappen er en os-control ligesom select-boxe og det er minimalt
hvad man kan style på den.
De css'er du har sat virker måske i Opera og IE, men mange andre vil
ikke virke. Background-color styler f.eks. både input-file og
browse-knappen i samme baggrundsfarve.

Ovenstående er blandt andet en af grundene til, at jeg syntes at man
ikke bør style form felter.

--
Martin Hintzmann Andersen
http://www.hintzmann.dk/

---

Martin Hintzmann Andersen wrote:

> Browse-knappen er en os-control ligesom select-boxe og det er minimalt
> hvad man kan style på den.
> De css'er du har sat virker måske i Opera og IE, men mange andre vil
> ikke virke. Background-color styler f.eks. både input-file og
> browse-knappen i samme baggrundsfarve.

Men det er ikke browserknappen til højre for feltet, jeg ønsker at style.
Det er tekstfeltet til venstre for knappen, der ikke vil acceptere styling i
Mozilla.

De øvrige tekst-input - <input type="text">, <input type="password"> og
<textarea> kan jeg ændre border og bredde på med css, men det felt er bare
sk... ligeglad.

I de andre browsere sker der den styling af tekstfeltet, som jeg ønsker.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin

---

Erik Ginnerskov wrote:
>
>
> Men det er ikke browserknappen til højre for feltet, jeg ønsker at style.
> Det er tekstfeltet til venstre for knappen, der ikke vil acceptere styling i
> Mozilla.

Af hvad jeg kan forstå ved hurtigt at skimte følgende bug-report,
http://bugzilla.mozilla.org/show_bug.cgi?id=52500

....så har Mozilla fjernet styling muligheden, da der ikke er klare
specifikationer fra W3C, hvordan det skal håndteres, i forhold til om
det er file-feltet eller file-knappen der skal styles.

Af hvad jeg kan se så er det kun color, background, border-color, font,
font-size og display som virker på input felter af typen "file".


--
Martin Hintzmann Andersen
http://www.hintzmann.dk/

---

Martin Hintzmann Andersen wrote:
> Af hvad jeg kan forstå ved hurtigt at skimte følgende bug-report,
> http://bugzilla.mozilla.org/show_bug.cgi?id=52500
>
> ...så har Mozilla fjernet styling muligheden, da der ikke er klare
> specifikationer fra W3C, hvordan det skal håndteres, i forhold til om
> det er file-feltet eller file-knappen der skal styles.

Mao. det kan bare ikke la' sig gi' sig i Mozilla. Så ved jeg det. Tak for
den oplysning.

Men det kunne så have været rart, om W3C havde defineret nogle
retningslinjer, efter hvilke tekstfeltet og knappen kunne styles hver for
sig.

Som det er i øjeblikket sætter både IE og Opera den samlede bredde efter den
definerede og lader knappen optage den plads, den browserbestemte knaptekst
kræver.

IE tillader styling af både tekstfelt og knap, men uden klar definition af
hvad der gælder felt og hvad knap, bliver resultatet også lidt rodet at se
på.

Opera tillader ikke styling af knappen, hvilket er til at leve med. Men
Opera tillader også kun en begrænset styling af tekstfeltet, hvilket jeg
finder, er grimt.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin