How to clear the field input type=file?

https://jsfiddle.net/katyamsko/vhkxoa7q/12/ here threw a code.
Hello! Tell me, please, why is the field input type=file is not cleared? I do label and input and concatenates them .Hide the input, because the standard I don't need, and label stylishy. But I need the button to clear the field when the user downloaded the file. Sought ways, but I they don't work(
April 19th 20 at 12:05
2 answers
April 19th 20 at 12:07
Solution
Thank you! - carli.Beck commented on April 19th 20 at 12:10
April 19th 20 at 12:09
input is cleared, just the label separately changes when you select a file, and when you clean the input, the label is not clean

if you remove all styling and leave only this JS, you can see that everything works

document.querySelector('.remove').addEventListener('click', function() {
 document.querySelector('input[type=file]').value = ";
}, false);
Thanks for the clarification! And also thanks for mix-blend-mode: difference; All introduced, cool works!!! - carli.Beck commented on April 19th 20 at 12:12

Find more questions by tags HTMLjQueryJavaScriptCSS