最初の文字の後にテキストが表示されない

Question

私はモバイルWebアプリケーションを作成しています。私が現在行った入力フォームは、最初の文字の後にテキストを表示しません。 スクロールやタッチした後に、

フレームワークのアプリケーションを構築していますが、フレームワークの属性はこのセクションには貢献しません。

ここで何が起こっているか知っていますか？

.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;

入力によって継承されている場合、それを削除します。