收藏
回答

input 设置相同宽度的padding-left后开发者工具无法聚焦

框架类型 问题类型 操作系统 工具版本
小程序 Bug Windows 1.02.1902010


input 设置相同宽度的padding-left后开发者工具无法聚焦   在ios手机上可以 安卓的没测试

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

3 个回答

  • 再见,电脑崽
    再见,电脑崽
    2019-04-08

    开发者工具要聚焦,你可以尝试双击能不能让input获得焦点


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


    <view>
        <input></input>
        <input></input>
        <input></input>
        <input></input>
    </view>


    view {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 100rpx;
    }
     
    input {
        border: 1px solid #ebebeb;
        border-radius: 3px;
        line-height: 50px;
        height: 50px;
        margin: 10rpx;
        text-align: center;
    }



    2019-04-08
    有用 1
    回复 8
    查看更多(3)
  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2019-04-08

    设置大一点的宽度就可以看出来了

    2019-04-08
    有用
    回复 1
    • 落空
      落空
      2019-04-08

      不是的 我这边开发者工具键盘输入  bindinput 就没触发  刚刚ios 安卓都测试过了 是可以聚焦出发bindinput 的


      2019-04-08
      回复
  • 轩辕狗剩
    轩辕狗剩
    2019-04-08

    你设置了border-box,padding-left + border > width是不合理啊

    2019-04-08
    有用
    回复 6
    • 落空
      落空
      2019-04-08

      这个没影响吧


      2019-04-08
      回复
    • 轩辕狗剩
      轩辕狗剩
      2019-04-08回复落空

      你把width增大或者padding-left减小,就能聚焦了

      2019-04-08
      回复
    • 落空
      落空
      2019-04-08回复轩辕狗剩

      目前是想做这个效果  如果paddng调小的话在真机上会有input 聚焦的效果


      2019-04-08
      回复
    • 轩辕狗剩
      轩辕狗剩
      2019-04-08回复落空

      ???要的不就是聚焦吗

      2019-04-08
      回复
    • 落空
      落空
      2019-04-08回复轩辕狗剩

      要的是能触发bindinput  但是看不到这个聚焦的效果


      2019-04-08
      回复
    查看更多(1)
登录 后发表内容