input file 把之前的按鈕透明度opacity設置為0，外層用div包裹。

?

1 <div class="uploadButDiv greenButton text-center"> 2 　　<input type="file" accept="image/jpeg,image/jpg,image/png,image/gif"/>上傳 4 </div> .uploadButDiv {width: 100%;height: 3.25rem;line-height: 3.2rem;position: relative;cursor: pointer;color: #0057FF;font-size: 1.125rem;background: #fff;border: 1px solid #0057FF;border-radius: 4px;overflow: hidden;display: inline-block; }.uploadButDiv input {width: 100%;position: absolute;right: 0;top: 0;opacity: 0;cursor: pointer }

?

轉載于:https://www.cnblogs.com/Evo1uti0n/p/7606532.html

總結

以上是生活随笔為你收集整理的上传文件input（type=file）美化。的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。