Style Input type File with CSS and JavaScript

The worst thing with input [type file] while using different browsers including firefox,chrome,internet explorar or safari is that they show differnt layout or output. That makes us take extra care while designing our website. Well this is not that tough as seems to be. The goal can be easily achieved by applying a little css and javascript. This repository contains all the relevant code. Using this trick we can mirror any text / link / button / image / or even a div or span to represent a input type file.

Live Demo 1



Live Demo 2



Download The Source Code from Github






Comments

Post a Comment

Popular posts from this blog

“Send to” Bluetooth menu may be missing after a Refresh on Windows 8

Image
Cause : This issue occurs because the “Bluetooth device” shortcut may not have been restored to the “SendTo” folder during the Refresh. Solution : To restore “Bluetooth device” to the “Send to” menu, add a shortcut to fsquirt.exe under the SendTo folder by following these steps: Go to  C:\Windows\System32   and found  fsquirt.exe   , right click fsqurit and send it to desktop. 2. Cut paste the  fsquirt.exe  shortcut  in the following location   C:\Users\**Username**\AppData\Roaming\Microsoft\Windows\SendTo   and rename it to “Bluetooth device” . 3. FINISH
Read more

Science, Engineering and Technology

Image
Science, Engineering, and Technology What is the difference between science, engineering, and technology? How do they interrelate? Here are a few simple ways to distinguish between and relate these fields.  Science : A body of knowledge Seeks to describe and understand the natural world and its physical properties Scientific knowledge can be used to make predictions Science uses a process--the scientific method--to generate knowledge Engineering: Design under constraint Seeks solutions for societal problems and needs Aims to produce the best solution given resources and constraints Engineering uses a process--the engineering design process--to produce solutions and technologies Technology : The body of knowledge, systems, processes, and artifacts that result from engineering Almost everything made by humans to solve a need or fulfill a want/desire is a technology Examples of technology include pencils, shoes, cell ph...
Read more