第一个字母后输入不能显示文字

Question

我正在建立一个移动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

Answer 1

我今天早些时候有同样的问题。检查您是否有

-webkit-user-select：none;

继承的输入，如果这样删除它