css
2024.09.14
2025.04.16【解決】iOSでinput[type="date"]を左寄せにする簡単な方法
目次左寄せにならない
<input type ="date" class="date">
.date {
width: 200px;
text-align: left;
}
問い合わせフォームなどで上記のような要素を記述した際、
Windowsでは左寄せになるのですがSafariでは中央寄せになってしまいます。-webkit-date-and-time-valueを使う
実はSafariなどでは-webkit-date-and-time-valueを追加しないとtext-alignが効いてくれません。
cssを以下のように記述しましょう.date::-webkit-date-and-time-value {
width: 200px;
text-align: left;
}
これにて解決!!
タグ
カテゴリ
アーカイブ
サイト内検索