变相自定义input标签file类型样式

最新推荐文章于 2023-12-17 12:43:03 发布

升平乐坊主

最新推荐文章于 2023-12-17 12:43:03 发布

阅读量541

点赞数

分类专栏：实践知识点文章标签：实践知识点

本文链接：https://blog.csdn.net/palmshe/article/details/50719774

版权

实践知识点专栏收录该内容

10 篇文章 0 订阅

订阅专栏

运用场景

需要点击图片，即选择文件上传

代码

    <style type="text/css">
        #customized img {
            width: 100px;
            height: 50px;
        }
    </style>
    </head>
    <body>
    <div>
        <a id="customized" href="javascript:void(0);" onclick="document.getElementById('fileInput').click();">
            <img src="自定义file样式.png"></a>
        <input id="fileInput" type="file" value="自定义文字" style="display:none;"/>    
    </div>
    </body>