收藏
回答

textarea 的 placeholder 不对齐,这个有什么办法解决?

这个很不稳定,假如现在这个placeholder 是对齐的话

那么 输入的内容是向下的

如果像官方一样加入了 padding,每次进入的样子都是不一样的,不知道为什么,有没有什么办法解决一下


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

4 个回答

  • 子不语
    子不语
    2019-10-29

    不要用textarea,微信的textarea就跟闹着玩一样

    2019-10-29
    有用 2
    回复 2
    • 谢谢惠顾.
      谢谢惠顾.
      2019-10-29
      赞同
      2019-10-29
      回复
    • 清茶苦酒
      清茶苦酒
      2019-10-29
      ...我是个新手。。。不用textarea 那用什么?
      2019-10-29
      回复
  • 夜舞暗澜
    夜舞暗澜
    12-17

    我最后用after做了个假的

    textarea.showPlaceholder {
      position: relative; // absolute
    }
      textarea.showPlaceholder::after {
        position: absolute;
        content: "有什么问题尽管问我";
        color: rgba(0, 0, 0, .6);
      }
    

    会继承textarea的文字样式。用class控制一下,有输入值时隐藏。

     <textarea
            class="{{ !inputText.length && 'showPlaceholder' }}"
            value="{{ inputText }}"
            disable-default-padding="{{ false }}"></textarea>
    

    缺点是无法判断第一次输入中状态。要解决可以继续在组件中增加状态值。

    12-17
    有用
    回复
  • 罗梅光
    罗梅光
    2019-10-29

    遇到了,textarea对不齐,可以写个假的placeholder

    2019-10-29
    有用
    回复 2
    • 清茶苦酒
      清茶苦酒
      2019-10-29
      也是会出现 对不齐的 情况
      2019-10-29
      回复
    • 罗梅光
      罗梅光
      2019-10-29回复清茶苦酒
      textarea取消palceholder,用其他代码实现placeholder,点击获取焦点,隐藏placeholder
      2019-10-29
      1
      回复
  • 九歌^
    九歌^
    2019-10-29

    写的textarea 需要去掉微信的默认样式

    2019-10-29
    有用
    回复 2
    • 清茶苦酒
      清茶苦酒
      2019-10-29
      试过了,每次运行都不一样....
      2019-10-29
      回复
    • 九歌^
      九歌^
      2019-10-29回复清茶苦酒
      好吧。。目前没遇到过,支付宝的遇到过。
      2019-10-29
      回复
登录 后发表内容
问题标签