关于去除input type='file'改变组件的默认样式换成自己需要的样式的解决方案

Posted 咚咚锵咚呛

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于去除input type='file'改变组件的默认样式换成自己需要的样式的解决方案相关的知识,希望对你有一定的参考价值。

在工作中时常会遇到如需要上传功能的按钮,而不像需要系统默认的样式时候,可以采取以下的解决方案:

<img onclick="getElementById(‘file‘).click()" style="cursor:pointer;" title="点击添加图片" alt="点击添加图片" src="sc.png"><!--用来替换按钮的图片
-->
 <input type="file" multiple="multiple" id="file" name=‘file‘ style="height:0;width:0;z-index: -1; position: absolute;left: 10px;top: 5px;"/><!--原来按钮的样式-->

便可轻松的解决问题

以上是关于关于去除input type='file'改变组件的默认样式换成自己需要的样式的解决方案的主要内容,如果未能解决你的问题,请参考以下文章

input[type='file']获取上传文件路径案例

css-input[type='file']光标效果

input[type='file']样式美化及实现图片预览

vue使用input标签 type='file'上传文件

转:input['file'] 美化上传

input type='file'限制上传文件类型