微信小程序 --- textarea、input的文本框标签,遮罩层无法覆盖文字问题

在微信小程序中使用textarea、input时,有时候会需要用到遮罩层覆盖文本域的操作。

那么一般情况下想覆盖别的元素优先显示指定元素时,会用z-index提高优先显示的元素级别,但在小程序中是行不通的,不管调到999999999999还是更多,都是不行的,下面还有几个失败的情况

1.使用透明度(ps:编辑器可行,但真机测试还是显示)
2.文字颜色透明(想利用光标随文字颜色变化的也不行)
3.文字颜色改变后只剩下光标闪动,想利用caret-color改变也是行不通的
4.想利用官方提供的光标位置设置的属性比方:selection-start、selection-end、cursor也是不行,并没有什么用
5.直接dispaly: none隐藏也不行,会出现文本域再次出现文字消失问题

经过以上失败的总结,那么解决方案是什么呢?很简单。。。直接在textarea、input改变他的z-index。经过测试元素再次出现文字无丢失,可以隐藏时设置z-inde: -1; 显示时设置z-index: 0

猜你喜欢

转载自blog.csdn.net/sinat_19327991/article/details/79148914