|
|
|
|
<form action="zagruzka.php" method="post" enctype="multipart/form-data" ><input style="MARGIN-TOP: 5px; BACKGROUND: 727272; FONT: 11px tahoma; COLOR: White" type="file" name="filename"><br> <input style="MARGIN-TOP: 5px; BACKGROUND: 727272; FONT: 11px tahoma; COLOR: White" type="submit" value="Загрузить"><br></form>
|
Помогите на кнопку ОБЗОР повесить дизайн.
style="MARGIN-TOP: 5px; BACKGROUND: 727272; FONT: 11px tahoma; COLOR: White" | |
|
|
|
|
|
|
|
для: YAN
(31.03.2006 в 14:39)
| | В элементе file кнопка обзор не управляемая. Она добавляется автоматом и имеет параметры обычной кнопки прописанной в стилях. Поэтому добавь в css файл или в тэг <style> дизайн по умолчанию для всех кнопок и он должен действовать на эту кнопку. А для всех остальных кнопок надо тогда свой класс назначать. | |
|
|
|
|
|
|
|
для: XPraptor
(31.03.2006 в 14:51)
| | На кнопку обзор и <select> нельзя применить стиль!!! Увы!
Конечно есть способы, но они очень бестолковые. | |
|
|
|
|
|
|
|
для: Artemy
(31.03.2006 в 16:57)
| | Да, оказывается и button не помогает. Только можно изменить цвет и форму границ кнопки browse... | |
|
|
|
|
|
|
|
для: XPraptor
(31.03.2006 в 17:31)
| | Вот тут предложили интересное решение. Необычно, но работает в новых обозревателях (IE 5.0 и Opera) без дополнительного ява кода.
А в старых обозревателях нужно еще явой подправлять позиционирование и прозрачность.
Вот стили в 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;
}
|
А вот сам элемент на странице: (select.gif - это картинка, которая заменит кнопку browse...)
<div class="fileinputs">
<input type="file" class="file">
<div class="fakefile">
<input>
<img src="select.gif">
</div>
</div>
|
| |
|
|
|