我正在使用带有 type=date 和 type=time 的本地日期和时间选择器来处理我正在处理的网站的移动版本。但是,输入字段不尊重我拥有的 css。
桌面:
iOS 设备:
本质上,我需要两个日期和时间输入来填充约 50% 的宽度。这是我正在使用的 html 和 css:
<div class="arriveWrapper">
<div class="arriveDateWrapper fieldWrapper">
<input class="arriveDate" name="arriveDate" type="date" placeholder="What date?" />
</div>
<div class="arriveTimeWrapper fieldWrapper">
<input class="arriveTime" name="arriveTime" type="time" placeholder="What time?" />
</div>
<div class="clear"></div>
</div>
.arriveDateWrapper {
width: 49%;
margin-right: 2%;
float: left;
position: relative;
}
.arriveDate {
width: 100%;
height: 28px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.arriveTimeWrapper {
width: 49%;
float: left;
}
.arriveTime {
width: 100%;
height: 28px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
如果有人能告诉我如何在使用本地日期/时间选择器时显示占位符,那也很棒。
谢谢!