HTML5 日付ピッカーのスタイル オプションはありますか?

HTML5 の日付ピッカーは、カレンダーのようなポップアップを表示します。これは、年と月を選択して日付を追加するのと同じです。

例

ポップアップをカスタマイズして背景色を追加することもできます。次のコードを実行して、HTML 日付ピッカーにスタイル オプションを追加してみてください -

::-webkit-datetime-edit { padding: 4 em; }
::-webkit-datetime-edit-fields-wrapper { background:blue; }
::-webkit-datetime-edit-text { padding: 0 0.5em; }

ここでは、月、日、年のフィールドを編集しています -

::-webkit-datetime-edit-month-field { color: white; }
::-webkit-datetime-edit-day-field { color: red; }
::-webkit-datetime-edit-year-field { color: red; }
::-webkit-calendar-picker-indicator { background:gray; }

以上がHTML5 日付ピッカーのスタイル オプションはありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。