Style File Input

#1 08-27-2008, 09:47 PM

Hi,

Does anyone knows how to style and input of type file with JQuery?

I want to use an image as the button or maybe a simple normal input
styled with CSS.
I also want to style the input where the path is ... I want it to have
a grey background and no border.

Any idea of how to accomplish this?

Thanks,
Miguel

#2 08-28-2008, 03:39 AM

shapper wrote:
> Does anyone knows how to style and input of type file with JQuery?

No.

> I want to use an image as the button or maybe a simple normal input
> styled with CSS.

Rule of thumb: What CSS cannot do, no script can do.

> I also want to style the input where the path is ... I want it to have
> a grey background and no border.

You can't always have what you want.

BTW: jQuery is junk, and there is no indication that this could change.

PointedEars
--
realism: HTML 4.01 Strict
evangelism: XHTML 1.0 Strict
madness: XHTML 1.1 as application/xhtml+xml
-- Bjoern Hoehrmann

#3 08-28-2008, 04:03 AM

shapper meinte:
> Hi,
>
> Does anyone knows how to style and input of type file with JQuery?

"Can I style file inputs?" - use Google. Has been asked frequently here
and in neighboring groups.

> I want to use an image as the button or maybe a simple normal input
> styled with CSS.
> I also want to style the input where the path is ... I want it to have
> a grey background and no border.
>
> Any idea of how to accomplish this?

To make it short and easy: You can't. You can hide it behind a faux
input, but that's it.

Gregor

--
http://photo.gregorkofler.at ::: Landschafts- und Reisefotografie
http://web.gregorkofler.com ::: meine JS-Spielwiese
http://www.image2d.com ::: Bildagentur für den alpinen Raum

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode