[HTML][CSS] zmiana wyglądu przycisku w form upload

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
vittga
Posty: 14
Rejestracja: wt gru 28, 2004 12:45 pm
Lokalizacja: Warszawa

[HTML][CSS] zmiana wyglądu przycisku w form upload

Post autor: vittga »

Czy moglibyście mi pomóc w zmianie wyglądu przycisku [Przeglądaj...] jaki występuje w formularzu przesyłania plików.
<form enctype='multipart/form-data' action='' method='POST'>
<input type='hidden' name='MAX_FILE_SIZE' value=''>
<input name='' type='file'>
</form>
Mogę zmienić właściwości formularz i butona - file ale samego przycisku [Przeglądaj...] nie potrafię.

Z góry dziękuję za pomoc.
Vittga
Paweł Mączka
Nowy
Nowy
Posty: 162
Rejestracja: śr gru 15, 2004 8:18 pm
Kontakt:

Re: [HTML][CSS] zmiana wyglądu przycisku w form upload

Post autor: Paweł Mączka »

Możesz zrobić np.

Kod: Zaznacz cały

<input type="image" src="obrazek.png" />
A jak chcesz normalnie zmienić wygląd to już css'em...[/code]

Edit : przepraszam, źle cię zrozumiałem, myślałem, że chodzi o przycisk submit
Ostatnio zmieniony wt gru 28, 2004 2:55 pm przez Paweł Mączka, łącznie zmieniany 1 raz.
vittga
Posty: 14
Rejestracja: wt gru 28, 2004 12:45 pm
Lokalizacja: Warszawa

Re: [HTML][CSS] zmiana wyglądu przycisku w form upload

Post autor: vittga »

Pole input type=file składa się z dwóch elementów.
Pierwsze to pole tekstowe, w którym umieszczana jest pobrana z dysku nazwa pliku i to pole, bez trudu, stylami zmieniam. Nie potrafię jednakże zmienić drugiego elementu, którym jest przycisk [Przeglądaj...] a ten właśnie chciałbym dostosować do swoich potrzeb.
Hygin
Moderator
Posty: 650
Rejestracja: wt gru 31, 2002 10:29 pm
Lokalizacja: Wrocław
Kontakt:

Re: [HTML][CSS] zmiana wyglądu przycisku w form upload

Post autor: Hygin »

To sie da obejść poprzez JavaScript... :wink: Np. "formularz.nazwa_pola.bgcolor=#EFEFEF"
Asit
Zaczyna działać
Zaczyna działać
Posty: 402
Rejestracja: ndz lis 28, 2004 9:17 pm
Kontakt:

Re: [HTML][CSS] zmiana wyglądu przycisku w form upload

Post autor: Asit »

Kod: Zaznacz cały

<form method="post" action="">
<input type="text" id="plik">
<input type="file" id="upload" style="display:none" onChange="plik.value = this.value;">
<img border="0" src="browse.gif" onClick="upload.click()">
</form>
inaczej nie potrafie i raczej w css tego nie zrobisz... bo jesli bylby jakis sposob na zmiane poprzez style to mysle ze znalazlbys to w pierwszym lepszym kursie o formularzach i jego zmianie wygladu przez css...
...ale mozesz poszukac. Moze sie mysle :)
ODPOWIEDZ