Бутон за качване на файл

[d_badboy]

Здравейте, как мога да направя така че при формата за качване на файл да се вижда само бутона без полето за избиране на файла

 

[d_badboy]

Няма ли начин да се скрие полето и да остане само бутона :|

 

[GameZone]

http://www.quirksmode.org/dom/inputfile.html
:roll:

 

[Dizasterr]

Правиш си един стил с display: none; - ид. И после само го слагаш на полето и ако искаш можеш да го покажеш по - ефектно с jQuery.

 

[d_badboy]

GameZone това което си предложил вече съм го прегледал. Аз искам да се вижда просто бутона без полето отляво.
Dizasterr би ли представил пример

 

[Dizasterr]

<html>
<head>
<style>
#id {
width: ?px;
height: ?px;
background: url("път");
display: none; 
}
</style>
</head>
<body>
<form>
<input type="file" name="file" id="id"><br/>
<inpu type="submit" name="submit" value="Submit"><br/>
</form>
</body>
</html>

 

[d_badboy]

Незнам дали си тествал това но при мен не работи. display: none; не е решение на проблема :lol:

 

[Dizasterr]

При мен си работи. Пробвай с: visibility:hidden;.

 

[d_badboy]

Показва размерите, но не показва изображението, което се намира в същата директория и съм сигурен за името му. Каде може да е проблема ?

<html>
<head>
<style type="text/css">
#id {
width: 100px;
height: 100px;
background-image: url('back_ver.jpg');
background-position: center center;
background-repeat: no-repeat;
visibility: hidden;
}
</style>
</head>
<body>
<form>
<input type="file" name="file" id="id" /><br/>
<input type="submit" name="submit" value="Submit" /><br/>
</form>
</body>
</html>

 

[Dizasterr]

Не го показва, защото чрез visibility: hidden; го скриваш, а после на сищото ид му задаваш display: block;.

 

[d_badboy]

Ако искаш да кажеш че само трябва да добаввя display: block; към стила на id пак не става пробвах :evil:

 

[Dizasterr]

Просто при display: block; ти го показва. Замени го с display: none;.