10

モバイル Web アプリケーションを開発しましたが、iOS 7 に関する変更に気付きました。具体的には次のとおりです。

  • Web ページ フォームに type=date の入力タグが含まれていて、日付フィールドの値が空 (日付値なし) の場合、フィールドは Safari で奇妙な方法でレンダリングされるため、テキスト ボックスの高さは非常に小さい (通常の入力タイプ = テキスト ボックスの高さの約 25%)。日付がコントロールに入力されると、テキスト ボックスの高さは type=text ボックスと同じになります。

これは iOS 6 では発生しませんでしたが、iOS 7 では発生しています。空の場合でも、通常の type=text ボックスと同じように見えることをお勧めします。

  • それを実現するために私にできることはありますか？
  • type=date テキスト ボックスに渡すことができる初期値はありますか?

前もって感謝します。

スクリーンショットで更新:

良い：ここに画像の説明を入力

悪い：ここに画像の説明を入力

(白いボックスの高さが高くなり、プレースホルダー テキストが表示されます)

4

3 に答える 3

2

上記で提案したように、解決策は、input type=date html コントロールの高さを手動で設定することです。高さを 20px にすると、ページ上の他のコントロールと同じように見え、見栄えがよくなります。

于 2013-10-02T13:54:56.470 に答える
0

私のウェブサイトの1つで同じバグが発生しました。調査したところ、iOS7 で CSS プロパティbackground-colorが に設定されている場合にバグが発生するようtransparentです。空の日付入力の高さと幅は縮小されます。

したがって、日付入力の高さと幅を削除するbackground-color: transparentか、手動で設定する必要があるようです:(

于 2013-09-23T21:21:50.553 に答える
0

他の答え（背景色を含む）は彼らの状況では正しいかもしれませんが、私たちにとっては問題は解決しませんでした. 入力の高さを指定する必要がありました。それはトリックをしました。間違いなく迷惑なバグです。

于 2013-09-25T21:20:11.043 に答える