• input type="file"与cursor:pointer的兼容性问题


    表单控件type=file的手势在chrome中自定义不起作用,一直都是箭头的形状,即使设置为cursor:pointer;也是不管用。具体表现如下:

    默认样式“选择文件”的手势一直是“”,这是chrome的内设样式,没法修改。

    解决方法:

      (1)、搜索网上的解决方法都是设置font-size:0;opacity:0;但是设置之后只有“未选择”会消失,而“选择文件按钮”依然存在(只是透明度为0而已)。(抛弃);

      (2)、我认为的方法是把“选择文件”脱离视线,具体实现有很多方法,以下列举一些

        第一、使用label,使用label的for属性与input的id属性,两者进行挂钩,input的opacity设为0,label做绝对定位处理。

        第二、input的父元素做overflow:hidden;处理,然后input做font-size: 0;opacity:0;margin-left:-100px;然后设置一个比较大的宽高;

        第三、其他方法比如给input定位了,或者其他都是和方法二一样的原理;

  • 相关阅读:
    worker.properties配置
    uriworkermap.properties配置
    Apache Tomcat连接器-Web服务器操作方法
    x01.os.14: 时间都去哪儿了
    x01.os.13: 文件系统
    x01.os.12: 在 windows 中写 OS
    x01.os.11: IPC 路线图
    x01.os.10: 输入输出
    x01.os.9: 进程切换
    x01.os.8: 加载内核
  • 原文地址:https://www.cnblogs.com/fqlGlog/p/7569823.html
Copyright © 2020-2023  润新知