2011年4月21日木曜日

-webkit-user-select

From Evernote:

-webkit-user-select

iOSのmobilesafariで

<input id="hoge" type="text" size="10" />

でキーボードは表示されるが入力ができない問題があってすごくハマってた。

確認したら「css」で

* {
  -webkit-user-select: none;
}

この属性を「none」にすると
ユーザがエレメントを選択出来なくなってコピーとか出来ないようになるらしいが、
入力も出来なかった。

それでcssで

#hoge {
  -webkit-user-select: auto;
}

を追加して解決。