473,387 Members | 2,436 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,387 software developers and data experts.

style for file upload component input type=file


Is there a way to apply style to form field input type="file" (file
upload component) If so, how?

Thanks,

Sunitha Sriram
--
ssriram
------------------------------------------------------------------------
ssriram's Profile: http://www.highdots.com/forums/m166
View this thread: http://www.highdots.com/forums/t190923

Sep 29 '06 #1
2 15831
Scripsit ssriram:
Is there a way to apply style to form field input type="file" (file
upload component) If so, how?
You can try to set any CSS properties for such an element. Usual CSS caveats
apply to an unusual degree. Browsers probably ignore most of your settings,
and they may apply them inconsistently, since a file input widget is rather
special. For example, if you set background-color for it, what do you set?
The background color of the Browse button, or the filename input box, or
both, or perhaps the background _around_ them?

As a rule of thumb, don't mess up the appearance of form fields. They have
recognizable "boring" appearance for a reason. In particular, leave file
input fields to their default appearance, to help users recognize these
relatively rare monsters.

More info: http://www.cs.tut.fi/~jkorpela/forms/file.html#present

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Sep 29 '06 #2

Thank you,

Sunitha Sriram
--
ssriram
------------------------------------------------------------------------
ssriram's Profile: http://www.highdots.com/forums/m166
View this thread: http://www.highdots.com/forums/t190923

Oct 2 '06 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: Dave Smithz | last post by:
Hi There, I have a PHP script that sends an email with attachment and works great when provided the path to the file to send. However this file needs to be on the same server as the script. ...
3
by: RWK | last post by:
I'm trying to figure out how to verify that the file trying to be uploaded exists. On my page if I type in the name of a file that doesn't exist it get's uploaded as a file with 0 bytes. When...
1
by: Axe | last post by:
Here's the problem: I've got an ASP.NET (C#) web page that has a single <input type=file> control on it for uploading a file. The way the code works is that the uploaded file is then parsed for...
1
by: Brian Henry | last post by:
When I use the file upload control <input type = file> and try to upload an exe file it errors, how do i get it to allow exe file uploads so I can display a frendly warrning message about they...
3
by: C | last post by:
Dear All, May I know how I can let user upload files and my aspx can save the file to the destined directory? Thanks a lot!~ Carlos
3
by: Maris Janis Vasilevskis | last post by:
Hi, I create a binary file on client side using ActiveX. Now, I need to upload it. First idea - hidden Input type=file Does not work, because value is read only. A quickly made working...
1
by: suhdominic | last post by:
#include <iostream> #include <fstream> using namespace std; int main() { cout << fixed << showpoint; float a0,a1,a2,a3,a4,a5,a6,a7,a8; // Nine constant values in the polynomial
6
by: Gorksha | last post by:
How to upload a file without using browse button provided by <input type=file > tag in html..
2
by: shapper | last post by:
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...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.