Стилизиране на upload форма

webdeveloper

Registered
Здравейте, как мога да стилизирам обикновенна ъплоуд форма? При <input type="file"> ако задам height, вместо да увеличава размера на полето и бутона "избери файл" то оразмерява само бутона което е много глупава работа. А да не говорим, че и самия бутон не мога да му задам стил...

По какъв начин мога да си стилизирам формата, защото в момента почти нищо интересно не мога да направя...
 
Така... след 2 едита на мнението, защото спя още и не гледам какво питаш, го открих :).
HTML:
<!doctype html>
<html lang="en">
<head>
            <title>Test File</title>
                <style type="text/css">
 
    div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
.search-submit {
    border: 1px;
	border-radius:3px;
    -moz-border-radius:3px;
	box-shadow: 3px 3px 3px #888888;
    -webkit-box-shadow: 3px 3px 3px #888888;
    padding: 3px 3px 3px 3px;
}
 
</style>
</head>
<body>
        <div class="fileinputs">
	    <input type="file" class="file" />
	    <div class="fakefile">
		<input />
		<input type="submit" value="Submit" class="search-submit" />
	    </div>
</div>
</body>
</html>

Обаче ако доктайпа ти е XHTML сигурно няма да се валидира.
 

Back
Горе