ansaurus

Question

Can we change <input type="file"> style?

Answer 1

+2 A:

For example, try this variant http://www.quirksmode.org/dom/inputfile.html

Gopher 2010-05-13 09:10:06

Answer 2

+3 A:

You can't do anything with input type file (other than huge hacks). I know this sounds horrible, but the web standards still haven't come up with a solution for that.

What I would suggest though, is that you used something more flexible, such as swfUpload, which let's you change stiles, and also check for file size prior to uploading.

Some neat examples of it can be found here

Hope this helps you

Marcos Placona 2010-05-13 09:12:08

ah... I should have asked this question earlier here, instead of spending hours time to debug it. Sigh

learner.php 2010-05-13 09:15:24

That's alright. We've all done that :-)

Marcos Placona 2010-05-13 09:25:44

Answer 3

A:

Try this, i hope you get more idea..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
    <html>
         <head>
             <title>Test File</title>
                 <style type="text/css">

         .clsFile
                 {
         border: 1px solid black;
         background-color: red;
         }

         </style>
         </head>
             <body>
         <form action="#">
                <input type="file" class="clsFile" />
         </form>
             </body>
 </html>

VAC-Prabhu 2010-05-13 09:21:45

it styles only textbox of control, not button

Gopher 2010-05-13 11:07:17

yes, so you can use img tag for buttons <img src="http://yourdomain.com/images/browsebtn.gif"/>

VAC-Prabhu 2010-05-13 11:35:05

ansaurus

tags:

views:

answers:

Can we change <input type="file"> style?

related questions