iOSのSafariにおいて、input type="date"
要素を使用する際、text-align
プロパティを指定しても、テキストの位置が左寄せにならず、中央寄せのまま表示されてしまうという現象が報告されていました。これはデフォルトの挙動であり、通常のCSSスタイリングがうまく適用されない状況。
解決策
input::-webkit-date-and-time-value {
text-align: left;
}
Stack Overflowで検索したらヒット。-webkit-date-and-time-value
疑似要素を使用することで、解決できる。