input[type=file]的美化

最新推荐文章于 2023-09-09 22:45:42 发布

weixin_34037977

最新推荐文章于 2023-09-09 22:45:42 发布

阅读量207

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/higenbana/p/7783526.html

版权

一般的选择框在美化过程中会出现各种问题,样式出错，文字无法更改等...

所有随之而生的便是这样的一种修饰方式：[将type=file的input与另一个按钮通过js绑定，这样便可以通过改变另一个按钮的样式来达到美化的效果了。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
        <style>
           .dif{
                 height:40px;background:#f5f8fa;border:none;border-radius:30px;
                } 
        </style>
</head>
<body>
<input type="file"style="display:none" >
<button class="dif" onclick="F_Open_dialog()">上传文件</button>
</body>
<script type="text/javascript">
    function F_Open_dialog() {
        document.getElementById("btn_file").click();
    }
</script>
</html>

转载于:https://www.cnblogs.com/higenbana/p/7783526.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34037977

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
input[type=file]的美化

一般的选择框在美化过程中会出现各种问题,样式出错，文字无法更改等...所有随之而生的便是这样的一种修饰方式：[将type=file的input与另一个按钮通过js绑定，这样便可以通过改变另一个按钮的样式来达到美化的效果了。<!DOCTYPE html><html><head> <meta charset="utf-8"...
复制链接

扫一扫