html - CSS not working in mozilla firefox version 29 beta 7 -


i have problem getting following code work in mozilla firefox. using version 29 beta 7. following css not working in firefox works absolutely fine in chrome. reason not able find out. please help.

css code:

input[type="file"] {   border: 1px solid #333;   box-sizing: border-box;   display: inline-block;   font-size: 14px;   margin: 0;   padding: 8px;   position: relative;   background-color: #fff;   overflow: hidden;   width: 100%;   -webkit-appearance: none;   -webkit-box-sizing: border-box;   z-index: 1; } input[type="file"]:after { /* mask no file chosen label */   background-color: #fff;   content: '';   display: block;   height: 100%;   position: absolute;   top: 0;   left: 0;   width: 100%;   z-index: 10; }  input[type="file"]::-webkit-file-upload-button { /* style button */   background: #fff;   color: #555;   font: inherit;   padding: 0;   position: relative;   border: none;   text-align: left;   position: relative;   z-index: 100;   -webkit-appearance: none; } 

html: applying above css on :

<input type="file"> 

please help.


Comments

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -