fișier de intrare styling

Așa cum este metodele tradiționale de câmpuri de intrare de fișiere stilizare bine cunoscute caseta de selecție stil nu este posibil să stiliza. Astfel, stilul implicit câmpul de intrare este setat de browser-ul, dar, de asemenea, cel mai rău lucru din fiecare casetă de selecție browser-ul este afișat în moduri diferite. pentru că vrei mereu să fie mai bine, destul de des există un câmp de selecție fișier nevoie de stilizare. Aici la ajutorul ajuta un mic truc, pe care o vom discuta în acest post.

Golf fișier de intrare stil:

Acum, avem nevoie pentru a ascunde fișierul de intrare, în câmpul de vedere a fost doar eticheta, pe care vom stiliza.

Ascundeți fișierul de intrare:

După aceea, ca pe pagina a fost doar o etichetă, proceda la stilul său.

Există momente care ar trebui să fie remarcat faptul că am făcut-o. Eticheta Elementul implicit nu se poate face clic, ceea ce înseamnă că cursorul va fi ca la „săgețile“ ale indicatorului standard de. Pentru a marca da clic pe cursor, adăugați același parametru cursorul cu un indicator de valoare.

Fila tastatură Doar element de etichetă nu este alocat, ca de obicei pentru câmpurile de intrare normale pe formular. Fă-l astfel încât să poată fi recuperate prin tastatura în același mod în care se poate face pentru câmpurile de intrare standard.

Pregătiți un câmp ascuns pentru a lucra cu ea:

Codul adițional în CSS:

Exemplu de lucru styling câmp selectarea fișierelor. Așa că am recomandăm să citiți, de exemplu, punerea în aplicare a fișier de încărcare prin iframe.