Comments on: Styling file inputs http://jennifergrucza.com/blog/archives/2004/03/30/styling-file-inputs Web Development, Classical Music, Kitties, and whatever else I feel like Tue, 18 Nov 2008 09:38:51 +0000 http://wordpress.org/?v=1.5 by: Hasan http://jennifergrucza.com/blog/archives/2004/03/30/styling-file-inputs#comment-59 Wed, 31 Mar 2004 12:16:19 -0800 http://jennifergrucza.com/blog/archives/2004/03/30/styling-file-inputs#comment-59 Funny, I'm upset with CSS today also...Glad your site is up again, still some problems though, everything loads very slowly. Have a good day. Funny, I’m upset with CSS today also…Glad your site is up again, still some problems though, everything loads very slowly. Have a good day.

]]> by: Eric http://jennifergrucza.com/blog/archives/2004/03/30/styling-file-inputs#comment-62 Thu, 01 Apr 2004 10:04:40 -0800 http://jennifergrucza.com/blog/archives/2004/03/30/styling-file-inputs#comment-62 Isn't it because the button is actually an OS interface rather than a web interface? I hope that there is a way for CSS to work it out in the future. Isn’t it because the button is actually an OS interface rather than a web interface? I hope that there is a way for CSS to work it out in the future.

]]> by: Jennifer Grucza http://jennifergrucza.com/blog/archives/2004/03/30/styling-file-inputs#comment-65 Thu, 01 Apr 2004 14:19:38 -0800 http://jennifergrucza.com/blog/archives/2004/03/30/styling-file-inputs#comment-65 I'm not sure whether the browse button is an OS control or not. I would think it would depend on the browser - there's no requirement that it has to be an OS control, right? IE is pretty good about letting you style the file input. The only problem is that there's no way to distinguish between the text field and the browse button. So if you set a background color or border, it ends up being applied to both. Firefox, on the other hand, appears to style the background and font of the text field, but not the border. And it doesn't style the button at all. I guess it's not too big of an issue for most website developers, since they probably don't have much reason to use file inputs very often. For web applications, though, they come up quite often (importing saved configuration files, importing other files into the application, etc.) I’m not sure whether the browse button is an OS control or not. I would think it would depend on the browser - there’s no requirement that it has to be an OS control, right?

IE is pretty good about letting you style the file input. The only problem is that there’s no way to distinguish between the text field and the browse button. So if you set a background color or border, it ends up being applied to both.

Firefox, on the other hand, appears to style the background and font of the text field, but not the border. And it doesn’t style the button at all.

I guess it’s not too big of an issue for most website developers, since they probably don’t have much reason to use file inputs very often. For web applications, though, they come up quite often (importing saved configuration files, importing other files into the application, etc.)

]]>