iOSのSafariにおいて、input type="date"要素を使用する際、text-alignプロパティを指定しても、テキストの位置が左寄せにならず、中央寄せのまま表示されてしまうという現象が報告されていました。これはデフォルトの挙動であり、通常のCSSスタイリングがうまく適用されない状況。

解決策

input::-webkit-date-and-time-value {
    text-align: left;
}

Stack Overflowで検索したらヒット。
-webkit-date-and-time-value 疑似要素を使用することで、解決できる。

参考

https://stackoverflow.com/questions/70111522/how-can-i-align-the-text-of-a-date-input-to-the-left-on-ios-15

投稿者 mitulu

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です