当前位置: 首页 > news >正文

默认input=file样式美化的bug及解决

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

做项目的时候,需要美化上传控件。之前的做法一直是把默认的input设置为透明,然后在input上面放美化的图片。但是昨天发现一个小bug,在上传按钮很小的时候,input标签无法调整大小,导致美化的按钮部分区域会没有效果。

后找到解决方法,直接把input用display:none隐藏掉,然后通过点击美化的按钮触发input的点击事件。特别注意的是,需要再定义的函数里 return这个点击事件,否则不起作用。

例:

  $scope.imgupload = function () {
    return $("#fileupload_input").click();
  }

(用的angularjs点击方法。)

转载于:https://my.oschina.net/u/2362038/blog/653661

相关文章:

  • 【进程间通信】
  • Python 使用 Tornado 框架实现 WebHook 自动部署 Git 项目
  • Android知识点总结
  • 无锁和无等待的定义和例子
  • Leetcode Hot100
  • SpringMVC 源码深度解析lt;context:component-scangt;(扫描和注冊的注解Bean)
  • Django中render_to_response和render的区别(转载)
  • 【烈日炎炎战Android】
  • BZOJ 3168 Heoi2013 钙铁锌硒维生素 矩阵求逆+匈牙利算法
  • 【自定义view-水波纹动画】
  • android studio 修改gradle引用本地文件
  • 【烈日炎炎战后端】JAVA基础(3.4万字)
  • GZFramework代码生成器插件使用教程
  • 【烈日炎炎战后端】JAVA集合(1.8万字)
  • CSS3 伪类选择器 nth-child() 的用法
  • -------------------- 第二讲-------- 第一节------在此给出链表的基本操作
  • 2019.2.20 c++ 知识梳理
  • interface和setter,getter
  • Javascript编码规范
  • Phpstorm怎样批量删除空行?
  • React as a UI Runtime(五、列表)
  • Selenium实战教程系列(二)---元素定位
  • vue-cli3搭建项目
  • 从setTimeout-setInterval看JS线程
  • 你真的知道 == 和 equals 的区别吗?
  • 七牛云 DV OV EV SSL 证书上线,限时折扣低至 6.75 折!
  • 软件开发学习的5大技巧,你知道吗?
  • 三栏布局总结
  • 实习面试笔记
  • 使用 Docker 部署 Spring Boot项目
  • 数组大概知多少
  • 异常机制详解
  • MiKTeX could not find the script engine ‘perl.exe‘ which is required to execute ‘latexmk‘.
  • 小白应该如何快速入门阿里云服务器,新手使用ECS的方法 ...
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • $GOPATH/go.mod exists but should not goland
  • (7)STL算法之交换赋值
  • (C#)if (this == null)?你在逗我,this 怎么可能为 null!用 IL 编译和反编译看穿一切
  • (ISPRS,2023)深度语义-视觉对齐用于zero-shot遥感图像场景分类
  • (k8s中)docker netty OOM问题记录
  • (力扣题库)跳跃游戏II(c++)
  • (六)c52学习之旅-独立按键
  • (一)使用IDEA创建Maven项目和Maven使用入门(配图详解)
  • .net Application的目录
  • .net 按比例显示图片的缩略图
  • .NET 中 GetHashCode 的哈希值有多大概率会相同(哈希碰撞)
  • .NET/C# 获取一个正在运行的进程的命令行参数
  • .net经典笔试题
  • .NET面试题解析(11)-SQL语言基础及数据库基本原理
  • .NET命名规范和开发约定
  • @CacheInvalidate(name = “xxx“, key = “#results.![a+b]“,multi = true)是什么意思
  • []Telit UC864E 拨号上网
  • [2013AAA]On a fractional nonlinear hyperbolic equation arising from relative theory
  • [Android]Android P(9) WIFI学习笔记 - 扫描 (1)
  • [C#]手把手教你打造Socket的TCP通讯连接(一)