网站表单日期类型问题答案

【问题标题】：website form date type issue网站表单日期类型问题
【发布时间】：2016-07-30 16:09:53
【问题描述】：

 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>

我正在尝试为网站制作表格。我使用类型日期日期输入并使框变大。但是箭头很小如图所示，不要拿走整个盒子。有人知道吗如何解决这个问题？

【问题讨论】：

标签： php input types

【解决方案1】：

没有本地方法可以更改元素中箭头的样式。但是你可以稍微破解一下它。看看这个问题。我认为这正是您想要的。

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

【讨论】：

【解决方案2】：

尝试添加 Class 并使用它

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

这仅适用于 WebKit 浏览器。

【讨论】：

请注意，这只适用于基于 Webkit 的浏览器。