客製化input file按鈕
其實用label就能解決了
Nov 10, 2020
因為原生的input file的按鈕長得不好看，且css又難以修改，在網路上找了許多資料後，發現用label就能輕鬆解決取代掉原生的input file的按鈕！
其中如果遇到display: none不管用的情況時，可以用width, height或是設定position讓input「不被看見」即可。
html範例：
react範例：
react組件可以將其中的input抽離，作為wrapper形式的component更彈性