ウェブサイトのフォームの日付タイプの問題

Question

Reservation Date<br> <input style="height:40px;width:300px;" type="date" name="date"> 
    <span class="error">*<?php echo $dateErr;?></span> 
    <br><br> 
Reservation Time<br>(Mon - Thur: 18:00 - 23:00 Fri - Sun: 12:00 - 00:00)<br> <input type="time" align="center" style="height:40px;width:300px;" name="time"> 
<span class="error">*<?php echo $timeErr;?></span> 
    <br><br> 

私は、ウェブサイトのフォームを作成しようとしています。私は の日付入力にタイプ日付を使用し、ボックスを大きくしました。矢印は非常に小さく であり、画像のようにボックス全体を占めていません。誰でも知っていますか？ これを修正する方法は？

Answer 1

要素内の矢印のスタイルを変更するネイティブな方法はありません。しかし、あなたはそれを少しでもハックすることができます。この質問をチェックしてください。私はそれがまさにあなたが探しているものだと思います。

Making up down arrow of HTML's input number very bigger and cleaner

Answer 2

クラスを追加し、この

.myinputdate::-webkit-inner-spin-button, 
.myinputdate::-webkit-calendar-picker-indicator { 
    display: none; 
    -webkit-appearance: none; 
} 

WebKitのブラウザでこの作業のみを使用してみてください。