入力フィールドのテキストとプレースホルダーを中央または右に揃えようとしています。これはプロパティを使用するすべてのブラウザーで機能しtext-align
ますが、iPad 1 のモバイル Safari では失敗します。テキスト自体は配置されますが、プレースホルダー テキストは常に左側に残ります。
フィドルを参照してください:input-text-alignment
iPad 1 でそのプレースホルダー テキストを揃えるにはどうすればよいですか?
入力フィールドのテキストとプレースホルダーを中央または右に揃えようとしています。これはプロパティを使用するすべてのブラウザーで機能しtext-align
ますが、iPad 1 のモバイル Safari では失敗します。テキスト自体は配置されますが、プレースホルダー テキストは常に左側に残ります。
フィドルを参照してください:input-text-alignment
iPad 1 でそのプレースホルダー テキストを揃えるにはどうすればよいですか?
表示プロパティを変更してみてください。これdisplay: inline-block;
により、入力要素に対するこのような問題が解決される場合があります。
私はそれをテストするための iPad を持っていませんが、Safari は web-kit エンジンを使用しているため、次のコードを試すことができます:
::-webkit-input-placeholder{
text-align:right;
}
form input {
height: 40px;
width: 200px;
font-size: 18px;
font-weight: bold;
border: 1px solid gray;
text-align: center;
}
form {
margin:auto;
font-size: 18px;
font-weight: bold;
text-align: right;
}