公告列表
公告列表
收藏
回答

如何改变微信小程序input输入框的光标颜色

希望大家能帮忙回答一下这个问题，由于页面背景色和小程序input光标色很相似，光标看不出来，想改变光标的颜色，这个怎么操作呢？
input｛

color:red

caret-color：red｝

这个操作微信开发者工具模拟器看光标颜色是有变的，但是真机运行的时候还是没有改变～

开发者工具：

真机：




最后一次编辑于  2019-02-12
回答关注问题邀请回答
收藏

7 个回答

  • 连胜
    连胜
    2019-02-12

    可以去caniuse上面看一下兼容性，QQ浏览器不支持：

    https://caniuse.com/css-caret-color/embed



    给个变通的方式，你可以试一下：

    http://demos.pxuexiao.com/web_css/input.html


    input的color设置为red，然后再用:first-line设置文本颜色（测试了iPhone，低版本系统，也不支持，高版本和mac的safari上都正常）

    2019-02-12
    有用 7
    回复 2
    • 盘子
      盘子
      2019-02-12

      我试过了，没有作用，color设置为red;

      但是真机运行的时候光标颜色还是没有改变；依然为灰色，好像是默认灰色


      2019-02-12
      赞
      回复
    • 盘子
      盘子
      2019-02-12回复盘子

      开发者工具：


      真机：


      2019-02-12
      赞
      回复
  • 来一间
    来一间
    2019-02-14

    都这么严格的吗，改变光标的颜色

    2019-02-14
    有用 2
    回复
  • 扬
    扬
    2019-02-13

    我记得这个改完，在模拟器上有效，但是真机上无效的

    2019-02-13
    有用 2
    回复
  • 管凯旋
    管凯旋
    2019-02-12

    这个属性现在不支持

    2019-02-12
    有用 1
    回复
  • Flipped
    Flipped
    2019-07-25

    想请问一下现在可以改变光标的颜色了吗，我也是在模拟器上面有效，在手机上没效果

    2019-07-25
    有用
    回复
  • 村长
    村长
    2019-02-15

    我也遇到这个问题，不知道现在有没有解决的办法。我用的是2.6.0的基础库

    2019-02-15
    有用
    回复
  • 吴奕群
    吴奕群
    2019-02-12

    目前不支持，看后续会不会优化

    2019-02-12
    有用
    回复
请 登录 后发表内容
相关问题
相关文档