Промяна на стила на type="file"

[ExpressYourself]

Как мога да променя стила на type=file искам да сложа картинка вместо полети и бутона..

 

[logic]

http://marcgrabanski.com/pages/code/style-file-input ?

 

[ExpressYourself]

Ако може някакъв стил без полето смао картинката да остане и полето да не се вижда

 

[ExpressYourself]

Никой и не се сеща...

 

[shterev]

ми то можеш да скриеш о тпя инпут който ти е от линка на примера, какво е толкова трудно?

 

[ExpressYourself]

ми то можеш да скриеш о тпя инпут който ти е от линка на примера, какво е толкова трудно?

Надали ще стане или просто аз не можах да те разбера.. Пример ако може

 

[shterev]

от линка който @логик ти е дал, просто полето с тип текст го направи да не се вижда

 

[baso]

Направих ти един пример с обяснения

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Стилизиране на file input</title>
<style>
form {
position:relative; /* да бъде абсолютно позиционирани елементи във вътрешността на формата */
padding:0;
margin:0;
}
#mask {
width:283px; /* С този код правим маската на бутона */
height:37px;
padding:3px 100px 0 10px;
background:url(inputtypefile.png) no-repeat 0 0;
}
#fileInput {
width:393px; /* Определяме ширината */
height:40px;
position:absolute;/* позициониране на това input type=file */
left:0;
top:0;
opacity: 0;/* нулева видимост */
filter:alpha(opacity=0);
}
#fileInputText {
border:1px solid #FFF;
width:100%;
font-size:22px;
}
</style>
</head>
<body>
<form action="#">
<input type="file" id="fileInput" size="49" onchange="document.getElementById('fileInputText').value = this.value;" />
<div id="mask">
<input type="text" id="fileInputText" />
</div>
</form>
</body>
</html>

Ето ти картинката която ти трябва

http://web-tourist.net/userfiles/2/2232.png

 

[ExpressYourself]

от линка който @логик ти е дал, просто полето с тип текст го направи да не се вижда

От урока на logic не ми се получава нещо..

 

[shterev]

http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom