Стайлинг входен файл

Както е добре известно на традиционни методи на стайлинг файлови полета за въвеждане на кутия избор на стил, не е възможно да се стилизирам. По този начин, по подразбиране стил на входното поле се определя от браузъра, но също така и най-лошото нещо във всяка кутия за избор на браузъра се появява по различни начини. защото вие винаги искате да бъдете по-добре, доста често има поле за избор на файл нужда стилизация. Тук на помощ помага един малък трик, който ще обсъдим в тази публикация.

Голф стайлинг входен файл:

Сега, ние трябва да се скрие входния файл, на зрителното поле е само етикет, който ние ще стилизирам.

Скриване на входния файл:

След това, като на страницата е само етикет, преминете към стайлинг му.

Има моменти, които следва да се отбележи, че ние направихме. Етикетът по подразбиране елемент, който не може да се кликне, което означава, че курсорът ще му бъда като "стрели" на стандартната показалеца. За да отбележат курсора кликва, добави същият курсора параметър с показалеца на стойност.

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

Подгответе скрито поле за работа с нея:

Допълнителен код в CSS:

Работната Пример стайлинг поле избор на файл. Така че аз препоръчвам четене например прилагането на качване на файлове чрез вградена рамка.