第一個字母后輸入不能顯示文字

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;

繼承的輸入，如果這樣刪除它