收藏
回答

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

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

color:red

caret-color:red}

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

开发者工具:

真机:




最后一次编辑于  02-12  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

7 个回答

  • 连胜
    连胜
    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上都正常)

    02-12
    赞同 7
    回复 2
    • Celia
      Celia
      02-12

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

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


      02-12
      回复
    • Celia
      Celia
      02-12回复Celia

      开发者工具:


      真机:


      02-12
      回复
  • 管凯旋
    管凯旋
    02-12

    这个属性现在不支持

    02-12
    赞同 1
    回复
  • 扬
    02-13

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

    02-13
    赞同 1
    回复
  • 吴奕群
    吴奕群
    02-12

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

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

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

    02-14
    赞同
    回复
  • 艺辉
    艺辉
    02-15

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

    02-15
    赞同
    回复
  • Flipped
    Flipped
    07-25

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

    07-25
    赞同
    回复