收藏
回答

有人试过input里line-height无效么?

如题~~求大神神回复

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

3 个回答

  • WEN
    WEN
    2020-06-05

    小程序原生组件 wx-input 的内部 input 元素设置了 min-height: 1.4rem 导致设置行高之后也无法小于1.4rem

    /* app.wxss */
    wx-input [type] {
      min-height: auto;
    }
    

    因为组件无法通过标签名获取到 html的input元素,所以只能用[type]去拿到这个input


    更正一下, wx-input > div 也会有 min-height 样式,只能通过 :not 选择器来处理了

    wx-input :not([class]){
      min-height: auto;
    }
    
    2020-06-05
    有用
    回复
  • 小程序开发者
    小程序开发者
    2019-01-11

    确实是无效的,只有height和min-height能生效,在开放工具上看起来就是岑参不齐,恶心的一批,但是input是原生组件,所以经我百般尝试,在真机上只要你的高度够显示字体大小,他就是垂直居中的,所以用起来没什么影响,你控制行元素高度一致就可以了

    2019-01-11
    有用
    回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-11-12

    你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-11-12
    有用
    回复
登录 后发表内容