change style of input type=file

nelsonbarroca

hi, sorry if is really not PHP question but is a form insert in PHP page... will be nice if someone can help me.

my question is can i change the style of type=file button? with PHP, CSS, .... someway... to apply style to a simple button....:S

please

iclebyte

I dont know what you ment by type=file but its possible to apply CSS styles to HTML FORM elements yes.

This page shows the basics, including changing the submit button.

http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml

Hope that helps - If you were talking about something totally different then just ignore me 😃

iclebyte.

nelsonbarroca

sorry i was not so clearly... :S

my problem is in the folowing example:

<form name="upload" id="upload" ENCTYPE="multipart/form-data" method="post">
	Upload:
	<input name="userfile" type="file" class="input" id="userfile">
	<input name="upload" type="submit" class="input" value="Upload">
</form>

I want change the default style of the button that browse, text color, size, etc... :bemused:

nelsonbarroca

the class that is apply just work to:

<input name="upload" type="submit" class="input" value="Upload">

but don't work to:

<input name="userfile" type="file" class="input" id="userfile">

thanks iclebyte for helping me

iclebyte

I just had a play with it

<HTML>
<HEAD>
 <STYLE type="text/css">
input {
		color: #781351;
		background: #fee3ad;
		border: 1px solid #781351
		font-size: 9px;
}
 </STYLE>

</HEAD>
<BODY>
<form name="upload" id="upload" ENCTYPE="multipart/form-data" method="post"> 
    Upload: 
    <input name="userfile" type="file" id="userfile"> 
    <input name="upload" type="submit" value="Upload"> 
</form>
</BODY>
</HTML>

you are correct, I can only make the the 'upload' button change color, although the other 'file' button does look better than it did now.
Cant help you any more, you'll need some one a bit better at web development :p

nelsonbarroca

thanks for the help iclebyte 🙂