HTML5 の日付入力要素からデフォルトのプレースホルダー テキストを削除するにはどうすればよいですか?

HTML5 日付入力要素のデフォルトのプレースホルダー テキストを削除する

HTML5 日付入力要素は、ユーザーから日付値を収集する便利な方法を提供します。ただし、mm/dd/yyyy 形式のデフォルトのプレースホルダー テキストが含まれているため、邪魔になったり、必要な特定の日付形式と競合したりする可能性があります。

プレースホルダー テキストの削除

デフォルトのプレースホルダー テキストを削除するには、次の CSS を日付入力要素に適用します:

::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent;
}

Thisコードは、日付入力の編集インターフェイス内の特定のサブフィールドをターゲットとしています。色を透明に設定すると、デフォルトのテキストが非表示になります。特に、not([aria-valuenow]) セレクターは、日付が選択されている場合でもプレースホルダー テキストが非表示のままであることを保証します。

以前に試みられた CSS とは異なり、このメソッドは、プレースホルダーの可視性を維持しながら、プレースホルダーを選択的に非表示にします。選択された日付の値。

以上がHTML5 の日付入力要素からデフォルトのプレースホルダー テキストを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。