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

发布于 8 年前作者 guiying712306 次浏览最后编辑 8 年前来自 ask

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

color:red

caret-color:red}

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

开发者工具:

真机:

7 回复
isong
isong1 楼6 年前

这个属性现在不支持

xiadai
xiadai2 楼6 年前

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

kqiao
kqiao3 楼6 年前

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

zgu
zgu4 楼6 年前

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

xia59
xia595 楼6 年前

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

jing06
jing066 楼6 年前

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

dfu
dfu7 楼6 年前

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