IOS上的输入栏错误-文字变成白色 [英] Input field bug on IOS - text turns white

问题描述

我在一个网站上工作，偶然发现了这个错误

I am working on a website and stumbled upon this bug

当我开始在输入字段中输入文字时，第一个字母的颜色正常，但是其他所有字母都变成白色，因此您看不到正在输入的内容. Chrome和Safari都是相同的

In the moment I start typing in the input field the first letter is with normal color but all the others are becoming white so you cannot see what you are typing. It is the same for Chrome and Safari

如果我向上或向下滚动页面，它将变得固定.

If I scroll the page up or down it is getting fixed.

这是屏幕截图

有人知道吗?

更新: 我找到了原因，我使用-webkit-overflow-scrolling: 如果我将其删除，则输入可以正常工作，但需要滚动:触摸，因为否则网站滚动异常怪异且卡住

UPDATE: I found the reason, I use -webkit-overflow-scrolling: touch; If I remove it the inputs are working find but I need the scroll: touch because otherwise the site scrolls really weirdly and stucks

推荐答案

我在textarea上遇到了同样的问题.解决该问题的方法是添加一个:

I had the same issue with a textarea. What helped me to solve it is to add a:

transform: translateZ(0);

在文本区域上.试一试.

on the textarea. Give it a shot.

这篇关于IOS上的输入栏错误-文字变成白色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！