收藏
回答

input placeholder设置 text-align: center 失效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug input 微信iOS客户端 8.0.2 2.16.0

在 IOS 中给 input placeholder 设置样式颜色能生效, 但是居中没用, 安卓没问题, 这是不是一个 Bug

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

4 个回答

  • Cjiang
    Cjiang
    2021-03-17

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),并详细描述下复现的流程。

    2021-03-17
    有用
    回复 1
  • less
    less
    2021-03-17

    我这里可以

    2021-03-17
    有用
    回复 4
    • less
      less
      2021-03-17
      input {
        text-align: center;
      }
      2021-03-17
      回复
    • 小胡
      小胡
      2021-03-17回复less
      这个我知道, 但是我想输入内容的时候还是正常的从左边起
      2021-03-17
      回复
    • less
      less
      2021-03-17回复小胡
      先用 text 加定位 模拟 placeholder居中吧
      2021-03-17
      回复
    • 小胡
      小胡
      2021-03-17回复less
      我用伪类模拟实现的
      2021-03-17
      1
      回复
  • 睡前原谅一切
    睡前原谅一切
    2021-03-17

    官方说修复了。然后你这又复现了是吧

    https://developers.weixin.qq.com/community/develop/doc/000a4a88e402800f23781396359c14?_at=1615967103043

    2021-03-17
    有用
    回复 1
    • 小胡
      小胡
      2021-03-17
      这个问题我看到了, 只有设置 input 自身为 text-alian: center; IOS 才有效, 但这个不是针对 placeholder, 设置后输入框的内容也居中了, 我的想法是只对 placeholder 有效, 正常输入还是在左边
      2021-03-17
      回复
  • 张有釜
    张有釜
    2021-03-17

    placeholder-style属性吗? placeholder是内容文字本身

    2021-03-17
    有用
    回复 2
    • 小胡
      小胡
      2021-03-17
      设置 placeholder-class 设置 style 也不行 居中不了
      2021-03-17
      回复
    • 张有釜
      张有釜
      2021-03-18回复小胡
      我现在有的地方是用一个view放在和input相同的位置
      view里显示placeholder的提示文字 当点击view  的时候 显示input  view隐藏 并且input获取焦点 当input失去焦点的时候 再变回去 这个方法很麻烦 但是因为我只有一处需要这样 还是这样做了 但是setData渲染毕竟有延迟 有一些卡顿的感觉
      2021-03-18
      回复
登录 后发表内容
问题标签