收藏
回答

textarea 布局问题

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug textarea 微信iOS客户端 Android 6.6.6 2.0.8

自定高度表现非预期


真机

代码:

<textarea type="text" fixed="{{true}}" placeholder="添加补充说明" auto-height  show-confirm-bar="{{false}}" cursor-spacing="5"></textarea>


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

3 个回答

  • _
    _
    2018-05-24

    不正常, 有默认间距

    2018-05-24
    有用 1
    回复 1
  • 喝杯奶茶冷静一下
    喝杯奶茶冷静一下
    2018-05-23

        同时使用box-sizing和padding


    去除padding,保留box-sizing


    去除box-sizing,保留padding


    2018-05-23
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-05-23

    你好,使用你的代码片段没能复现你的问题,你是在哪些设备上出现问题的?ios设备测试是否正常?

    2018-05-23
    有用
    回复 1
    • 喝杯奶茶冷静一下
      喝杯奶茶冷静一下
      2018-05-23
      你好,我试了一下,目测是因为我在textarea样式上面同时使用了 box-sizing: border-box; 和padding 属性。 举例 wxml: <textarea type="text" class="test" placeholder="测试" auto-height="{{true}}" show-confirm-bar="{{false}}" cursor-spacing="5"></textarea> wxss .test { border: 1rpx solid #CCCCCC; box-sizing: border-box; padding: 20rpx; font-size: 30rpx; border-radius: 8rpx; background-color: #F7F7F7; } 在工具上表现是:见下面的新回复。 如果去除padding 或者 box-sizing属性中的任何一个,表现正常。
      2018-05-23
      回复
登录 后发表内容