收藏
回答

input组件letter-spacing无效问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug input 客户端 6.7.3 2.4.2

-input输入框的css样式letter-spacing无效问题。

需要大量的code来workaround解决。

希望可以尽快解决。


最后一次编辑于  2018-12-13  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • 娇华
    娇华
    2018-12-13

    <input type='{{styles}}' value="小辣椒小辣椒小辣椒小辣椒小辣椒" style='letter-spacing:6px'></input> 我这样子测试真机是有效果的哦


    2018-12-13
    赞同
    回复 14
    • 十
      2018-12-13

      如果一开始value为空,然后输入文字就会看出来问题了。

      主要在于input聚焦和失焦时候letter-spacing失效和有效的问题

      <input type='text' value="" style='letter-spacing:96rpx'></input>

      2018-12-13
      回复
    • 娇华
      娇华
      2018-12-13回复

      代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)看看

      2018-12-13
      回复
    • 十
      2018-12-14回复娇华

      https://developers.weixin.qq.com/s/IKko8Emo714s


      这个问题用代码片段没办法在真机复现的呀!

      2018-12-14
      回复
    • 娇华
      娇华
      2018-12-14回复

      确实没有复现

      2018-12-14
      回复
    • 十
      2018-12-14回复娇华

      就是很简单的一个input,默认值为空。加上letter-spacing。然后输入文字的时候letter-spacing没有效果。要不加一下微信发你视频

      2018-12-14
      回复
    查看更多(9)
  • Genuifx
    Genuifx
    2018-12-31

    还有救吗。。。。

    2018-12-31
    赞同
    回复 1
    • 十
      02-15

      用了种别的办法先解决了。官方一直没处理

      02-15
      回复