微信小程序 input占位符在安卓机上的坑

0.03字数 172阅读 362

在做注册页面登录页面的时候,没有注意到这个问题,后来需要设置占位符颜色,就设置了

placeholder-style="font-size:30rpx;color: rgba(255,255,255,0.50);

结果测试在用安卓机测试的时候发现了这个瑕疵,虽然一脸懵逼,以为是安卓机出现这种情况是偶然的,
于是查了查,总结一下:
在微信小程序里面,input textarea这样的组件,在设置占位符颜色的时候,一定要使用二进制颜色,不能给rgba颜色,否则就会出现:聚焦时占位符变色,或者出现透明字体的状况。

placeholder-style="font-size:30rpx;color: #FDB29D;

推荐阅读更多精彩内容