html - MobileSafari iPad1 でテキストを揃える方法 (右/中央)

Question

入力フィールドのテキストとプレースホルダーを中央または右に揃えようとしています。これはプロパティを使用するすべてのブラウザーで機能しtext-alignますが、iPad 1 のモバイル Safari では失敗します。テキスト自体は配置されますが、プレースホルダー テキストは常に左側に残ります。

フィドルを参照してください：input-text-alignment

iPad 1 でそのプレースホルダー テキストを揃えるにはどうすればよいですか?

Answer 1

表示プロパティを変更してみてください。これdisplay: inline-block;により、入力要素に対するこのような問題が解決される場合があります。

Answer 2

私はそれをテストするための iPad を持っていませんが、Safari は web-kit エンジンを使用しているため、次のコードを試すことができます:

::-webkit-input-placeholder{
text-align:right;
}

Answer 3

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