Как задать стили e кнопки input type=“file” - CodeHelper

Как задать стили e кнопки input type=“file”

1

Собственно вопрос в заголовке

Новые ответы


1

Вот нашёл способ, в котором поверх истинного input type=“file” накладывают фиктивный.

Вот html/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;
}

<div class="fileinputs">
    <input type="file" class="file" />
    <div class="fakefile">
    	<input />
    	<img src="search.gif" />
    </div>
</div>

Значения передаются с помощью javascript

<div class="fileinputs">
    <input type="file" class="file" onchange="document.getElementById('myFile').value = this.value;document.getElementById('myFile').focus();" />
    <div class="fakefile" id="myFile">
    	<input />
    	<img src="search.gif" />
    </div>
</div>

Более подробно об этом на англоязычном ресурсе: Styling an input type="file"


v1.7.123.556
© 2009—2010 CodeHelper FAQ | О сайте | Обратная связь | История изменений | Статьи
Creative Commons LicenseМатериалы сайта распространяются под лицензией Creative Commons Attribution-Share Alike 3.0 Unported.