如何改变微信小程序input输入框的光标颜色
发布于 7 年前 作者 guiying71 2089 次浏览 来自 问答

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

color:red

caret-color:red}

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

开发者工具:

真机:

7 回复

这个属性现在不支持

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

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

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

可以去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上都正常)

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

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

回到顶部