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
Post a Comment