Styled input file button no longer shows chosen file

[Chrisj]

I'm using an Upload Script, and I've been working on trying to style the 'Choose File Button' (input file button)

which was a challenge to be styled for multiple browsers, but finally works with Google, IE and FF.

 

However, now that I've successfully styled the input file button, when a file is now chosen, the chosen file name no longer appears, prior to Submit.

 

I've attached an image of the code changes I made, plus some CSS styling, and this addition:

 

label input[type="file"] {
    position: fixed;
    top: -1000px;

Any suggestions/ideas/remedy on how to get the chosen file to show (or something to show an action has taken place) will be appreciated

Edited July 21, 2014 by Chrisj

[Arcalypse]

It will be very challenging to determine your issue without knowing the context, via the code itself or even a demo. I assume you mean that once you've chosen a file, the area in which is supposed to reflect the chosen file name does not show it?

 

Does the file name area respond at all?
Does the file still upload despite the lack of reaction via the file name area?

Does it work when you remove the CSS?

 

You have to think kinda like this in order to determine what the problem is exactly and then find the workaround, or just correct the issue all together.