css - 输入的第一个字母后未显示文字

我正在构建一个移动Web应用程序，并且我目前编写的输入表单在第一个字母之后不显示任何文本。
滚动或触摸框中显示的字母后​​，

据我所知，尽管我没有在框架中创建任何属性，但我正在Framework7中构建该应用程序。

有人知道这是怎么回事吗？找不到与帮助有关的任何内容

.input
padding: 0;
margin: 0;
width: 100%;
padding-left: 1em;
color: rgba(0, 0, 0, 0.87);

-webkit-transition: color .1s ease, border-color .1s ease;
transition: color .1s ease, border-color .1s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 50px;
 padding: 0.6em 0.9em;
 border: 1px solid rgba(34, 36, 38, 0.15);
 font-family: "Avenir-Next-Reg", Arial, Sans Serif;

 -webkit-transition: all 0.50s ease-in-out;
 -moz-transition: all 0.50s ease-in-out;
 -ms-transition: all 0.50s ease-in-out;
 -o-transition: all 0.50s ease-in-out;

iphone Safari example

最佳答案

我今天早些时候遇到了同样的问题。检查你是否有

-webkit-user-select：无；

由输入继承，如果删除则将其删除

关于css - 输入的第一个字母后未显示文字，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36878794/