65597 - [FILE]INPUT TYPE="file" doesn't take CSS styling

Status: RESOLVED DUPLICATE of bug 52500

(Core :: Layout: Form Controls, defect)

Description

[Martin Honnen]

When trying to style an INPUT TYPE="file" element Mozilla ignores the css. At
least the file input field should be styled, and it would be nice if the browse
button were styled too.

<FORM NAME="formName" ONSUBMIT="return false">
<INPUT TYPE="file" NAME="fileName"
       STYLE="background-color: orange;
              font-size: 24pt;"
>
</FORM>

Comment 1

[Martin Honnen]

Attachment: test case (input type="file" should have orange background color and font-size 24pt)

Comment 2

[HJ]

Well there's more than that because not only 'background-color' is not wroking,
but also 'color' and 'border' makes a mess of this. The background-color, orange
here, are set behind the input and button! This is well known here, but not
fixed jet. In another bug report, I asked for improvements to the input
type="file", but without luck as it seems, or they are still working on this issue!

Comment 3

[Boris Zbarsky [:bzbarsky]]

This is related to bug 52500 but raises other issues that 52500 does not address.

Comment 4

[rods (gone)]

I think this is a dup

Comment 5

[James Lariviere]

I agree with rod.
I duped my own bug 52813 with bug 52500.

*** This bug has been marked as a duplicate of 52500 ***

Comment 6

[Pawel Widera]

I guess this is fixed now (branch 1.7.6). However, bug 52500 is a superset of
this bug and is far from being resolved. Therefore, pointing it as a duplicate
is misleading.