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

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

collision detection - C++ library for mesh to mesh intersection: what is available? -

python - Django-easy-pdf: xhtml2pdf reporting reportlab 2.2+ is required, but 3.0 installed -