收藏
回答

微信小程序 input 设置 “opacity:0;” 属性,手机不识别的问题

用小程序实现了“输入6位数字的支付密码”功能,需为input设置“opacity:0”属性。在微信开发者工具中,该功能是正常的。用手机(红米3)查看该功能时,发现“opacity:0”属性并没有生效。


获得焦点时,input的“opacity:0”属性没有生效。




失去焦点后,input的“opacity:0”属性生效了。


怎办?


回答关注问题邀请回答
收藏

5 个回答

  • 工号 9527
    工号 9527
    2017-02-16

    发现一个不需要 input 又想调起键盘的场景。

    你的这个问题暂时还解决不了,先试下将字体颜色改成白色看看?

    2017-02-16
    有用
    回复
  • 金鑫
    金鑫
    2020-11-30

    请问最后这个你怎么解决了呢?

    2020-11-30
    有用
    回复
  • nigel
    nigel
    2019-04-09

    遇到同样问题

    2019-04-09
    有用
    回复
  • 周涛
    周涛
    2019-01-04

    大佬解决了没 字体也能设置透明 这光标咋弄掉。。 坑真多啊

    2019-01-04
    有用
    回复 3
    • 周涛
      周涛
      2019-01-04

      解决了 曲线救国填坑。。

      text-indent: -999em; /* 文本向左缩进 */

      margin-left: -100%;   /* 输入框光标起始点向左左移 */

      2019-01-04
      1
      回复
    • 8&24
      8&24
      2019-10-17回复周涛
      但是会出现另外一个问题,弹出框关闭后怎么让它再开启
      2019-10-17
      回复
    • MaQF
      MaQF
      2022-08-06
      聚焦的时候向左移,失焦的时候复位。或者input外再包一层view,input宽给200%或更宽,上层view overflow: hidden。
      2022-08-06
      回复
  • 陈万安
    陈万安
    2017-02-17

    @1楼,“发现一个不需要 input 又想调起键盘的场景。”什么意思?

    字体颜色改成白色,光标是黑色的。

    2017-02-17
    有用
    回复
登录 后发表内容